Chip Selector - Basic Chip

chip_selector_basic_chip.kt

@Composable
fun Chip(
    // 1
    label: String,
    // 2
    isSelected: Boolean,
    // 3
    onClick: () -> Unit,
    // 4
    modifier: Modifier = Modifier
) {
    // 5
    val backgroundColor = if (isSelected) {
        MaterialTheme.colorScheme.primaryContainer
    } else {
        MaterialTheme.colorScheme.secondaryContainer
    }
    // 6
    val textColor = if (isSelected) {
        MaterialTheme.colorScheme.onPrimaryContainer
    } else {
        MaterialTheme.colorScheme.onSecondaryContainer
    }
    // 7
    Box(
        modifier = modifier
            .clip(shape = RoundedCornerShape(percent = 100))
            .background(backgroundColor)
            .clickable(onClick = onClick)
    ) {
        // 8
        Text(
            text = label,
            color = textColor,
            fontWeight = FontWeight.Bold,
            modifier = Modifier
                .padding(horizontal = 24.dp, vertical = 16.dp)
        )
    }
}