gistfile1.txt

@Composable
fun WearApp() {
    val useDistance = rememberExpandableState(initiallyExpanded = false)
    var distanceGoal by remember { mutableFloatStateOf(3.0f) }

    val useDuration = rememberExpandableState(initiallyExpanded = false)
    var durationGoal by remember { mutableFloatStateOf(15.0f) }

    ScalingLazyColumn(
        columnState = rememberResponsiveColumnState(),
    ) {
        item {
            Title("Goals")
        }
        item {
            ToggleChip(
                checked = useDistance.expanded,
                onCheckedChanged = { useDistance.expanded = it },
                label = "Distance Goal",
                toggleControl = ToggleChipToggleControl.Checkbox,
                secondaryLabel = if (useDistance.expanded) "${distanceGoal.toInt()} km" else null
            )
        }
        expandableItems(useDistance, 1) {
            InlineSlider(
                distanceGoal,
                onValueChange = { distanceGoal = it },
                steps = 10,
                valueRange = 0.0f..10.0f,
                increaseIcon = {
                    IncreaseIcon()
                },
                decreaseIcon = {
                    DecreaseIcon()
                },
            )
        }
        item {
            ToggleChip(
                checked = useDuration.expanded,
                onCheckedChanged = { useDuration.expanded = it },
                label = "Duration Goal",
                toggleControl = ToggleChipToggleControl.Checkbox,
                secondaryLabel = if (useDuration.expanded) "${durationGoal.toInt()} minutes" else null
            )
        }
        expandableItems(useDuration, 1) {
            InlineSlider(
                durationGoal,
                onValueChange = { durationGoal = it },
                steps = 15,
                valueRange = 0.0f..60.0f,
                increaseIcon = {
                    IncreaseIcon()
                },
                decreaseIcon = {
                    DecreaseIcon()
                },
            )
        }
    }
}

@Composable
public fun IncreaseIcon() {
    Icon(
        modifier = Modifier.size(26.dp),
        paintable = Icons.Default.Add.asPaintable(),
        contentDescription = "Increase",
    )
}

@Composable
public fun DecreaseIcon() {
    Icon(
        modifier = Modifier.size(26.dp),
        paintable = Icons.Default.Remove.asPaintable(),
        contentDescription = "Decrease",
    )
}