Missing border

[atomicelliot]

This button doesn't match the design guidelines as it's missing the border. This means it's not as accessible when displayed on a dark background.

[zakrodionov]

This library is a total joke. In just twenty lines, they introduced a dozen bugs: wrong colors, missing borders, it doesn’t fit many languages, only one modifier for both the parent container and the button itself. Here’s the correct version.

@Composable
fun AddToWalletButton(
    onClick: () -> Unit,
    isLoading: Boolean = false,
    modifier: Modifier = Modifier,
) {
    Box(
        contentAlignment = Alignment.Center,
        modifier = modifier
            .height(48.dp)
            .clip(RoundedCornerShape(24.dp))
            .background(Color.Black)
            .border(
                width = 1.dp,
                color = Color("#747675".toColorInt()), 
                shape = RoundedCornerShape(24.dp)
            )
            .clickable(enabled = !isLoading) { onClick() }
    ) {
        Image(
            painter = painterResource(id = R.drawable.add_to_googlewallet_button_content),
            alignment = Alignment.Center,
            contentScale = ContentScale.Fit,
            contentDescription = null,
            modifier = Modifier
                .padding(horizontal = 24.dp, vertical = 12.dp),
        )
    }
}