Add CredentialScreenChip and string resources

  <!-- Title of a screen prompting if the user would like to use their saved passkey.

  [CHAR LIMIT=80] -->

  <string name="use_passkey_title">Use passkey?</string>

  <!-- Title of a screen prompting if the user would like to use their saved password.

  <!-- Title of a screen prompting if the user would like to use their saved passkey.

[CHAR LIMIT=80] -->

  <string name="use_sign_in_with_provider_title">Use your sign in for %1$s</string>

  <!-- Title of a screen prompting if the user would like to sign in with provider

  [CHAR LIMIT=80] -->

  <string name="use_password_title">Use password?</string>

  <!-- Content description for the dismiss button of a screen. [CHAR LIMIT=NONE] -->

  <string name="dialog_dismiss_button">Dismiss</string>

  <!-- Content description for the continue button of a screen. [CHAR LIMIT=NONE] -->

  <string name="dialog_continue_button">Continue</string>

  <!-- Content description for the sign in options button of a screen. [CHAR LIMIT=NONE] -->

  <string name="dialog_sign_in_options_button">Sign-in Options</string>

  <!-- Content description for the cancel button of a screen. [CHAR LIMIT=NONE] -->

  <string name="dialog_cancel_button_cd">Cancel</string>

  <!-- Content description for the OK button of a screen. [CHAR LIMIT=NONE] -->

/*

 * Copyright (C) 2023 The Android Open Source Project

 *

 * Licensed under the Apache License, Version 2.0 (the "License");

 * you may not use this file except in compliance with the License.

 * You may obtain a copy of the License at

 *

 *      http://www.apache.org/licenses/LICENSE-2.0

 *

 * Unless required by applicable law or agreed to in writing, software

 * distributed under the License is distributed on an "AS IS" BASIS,

 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

 * See the License for the specific language governing permissions and

 * limitations under the License.

 */

package com.android.credentialmanager.ui.components

import android.graphics.drawable.Drawable

import androidx.compose.foundation.layout.BoxScope

import androidx.compose.foundation.layout.RowScope

import androidx.compose.foundation.layout.fillMaxWidth

import androidx.compose.foundation.layout.padding

import androidx.compose.runtime.Composable

import androidx.compose.ui.Modifier

import androidx.compose.ui.draw.clipToBounds

import androidx.compose.ui.res.stringResource

import androidx.compose.ui.text.style.TextAlign

import androidx.compose.ui.text.style.TextOverflow

import androidx.compose.ui.tooling.preview.Preview

import androidx.compose.ui.unit.dp

import androidx.wear.compose.material.Chip

import androidx.wear.compose.material.ChipColors

import androidx.wear.compose.material.ChipDefaults

import androidx.wear.compose.material.Text

import com.android.credentialmanager.R

import com.android.credentialmanager.ui.components.CredentialsScreenChip.TOPPADDING

@Composable

fun CredentialsScreenChip(

    label: String,

    onClick: () -> Unit,

    secondaryLabel: String? = null,

    icon: Drawable? = null,

    modifier: Modifier = Modifier,

    colors: ChipColors = ChipDefaults.secondaryChipColors(),

) {

    val labelParam: (@Composable RowScope.() -> Unit) =

        {

            Text(

                text = label,

                modifier = Modifier.fillMaxWidth(),

                textAlign = TextAlign.Center,

                overflow = TextOverflow.Ellipsis,

                maxLines = if (secondaryLabel != null) 1 else 2,

            )

        }

    val secondaryLabelParam: (@Composable RowScope.() -> Unit)? =

        secondaryLabel?.let {

            {

                Text(

                    text = secondaryLabel,

                    overflow = TextOverflow.Ellipsis,

                    maxLines = 1,

                )

            }

        }

    val iconParam: (@Composable BoxScope.() -> Unit)? =

        icon?.let {

            {

                 ChipDefaults.IconSize

            }

        }

    Chip(

        label = labelParam,

        onClick = onClick,

        modifier = modifier,

        secondaryLabel = secondaryLabelParam,

        icon = iconParam,

        colors = colors,

        enabled = true,

    )

}

@Preview

@Composable

fun CredentialsScreenChipPreview() {

    CredentialsScreenChip(

        label = "Elisa Beckett",

        onClick = { },

        secondaryLabel = "beckett_bakery@gmail.com",

        icon = null,

        modifier = Modifier

            .clipToBounds()

            .padding(top = 2.dp)

    )

}

@Composable

fun SignInOptionsChip(onClick: () -> Unit) {

    CredentialsScreenChip(

        label = stringResource(R.string.dialog_sign_in_options_button),

        onClick = onClick,

        modifier = Modifier

            .fillMaxWidth()

            .padding(top = TOPPADDING)

    )

}

@Preview

@Composable

fun SignInOptionsChipPreview() {

    SignInOptionsChip({})

}

@Composable

fun ContinueChip(onClick: () -> Unit) {

    CredentialsScreenChip(

        label = stringResource(R.string.dialog_continue_button),

        onClick = onClick,

        modifier = Modifier

            .fillMaxWidth()

            .padding(top = TOPPADDING),

        colors = ChipDefaults.primaryChipColors(),

    )

}

@Preview

@Composable

fun ContinueChipPreview() {

    ContinueChip({})

}

@Composable

fun DismissChip(onClick: () -> Unit) {

    CredentialsScreenChip(

        label = stringResource(R.string.dialog_dismiss_button),

        onClick = onClick,

        modifier = Modifier

            .fillMaxWidth()

            .padding(top = TOPPADDING),

    )

}

@Preview

@Composable

fun DismissChipPreview() {

    DismissChip({})

}

private object CredentialsScreenChip {

    val TOPPADDING = 8.dp

}