Screen Capture: Create RadioIconButtonGroup component

/*

 * Copyright (C) 2025 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.

 */

@file:OptIn(ExperimentalMaterial3ExpressiveApi::class)

package com.android.systemui.screencapture.ui.compose

import androidx.compose.foundation.layout.Arrangement

import androidx.compose.foundation.layout.Row

import androidx.compose.foundation.layout.size

import androidx.compose.material3.ButtonGroupDefaults

import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi

import androidx.compose.material3.ToggleButton

import androidx.compose.material3.ToggleButtonColors

import androidx.compose.material3.ToggleButtonDefaults

import androidx.compose.runtime.Composable

import androidx.compose.ui.Modifier

import androidx.compose.ui.unit.dp

import com.android.systemui.common.shared.model.Icon as IconModel

import com.android.systemui.common.ui.compose.Icon

/** A group of N icon buttons where any single icon button is selected at a time. */

@Composable

fun RadioIconButtonGroup(

    icons: List<IconModel>,

    selectedIndex: Int,

    onSelect: (index: Int) -> Unit,

    modifier: Modifier = Modifier,

    colors: ToggleButtonColors = ToggleButtonDefaults.toggleButtonColors(),

) {

    Row(

        modifier = modifier,

        horizontalArrangement = Arrangement.spacedBy(ButtonGroupDefaults.ConnectedSpaceBetween),

    ) {

        icons.forEachIndexed { index, item ->

            ToggleButton(

                colors = colors,

                shapes =

                    when (index) {

                        0 -> ButtonGroupDefaults.connectedLeadingButtonShapes()

                        icons.lastIndex -> ButtonGroupDefaults.connectedTrailingButtonShapes()

                        else -> ButtonGroupDefaults.connectedMiddleButtonShapes()

                    },

                checked = (index == selectedIndex),

                onCheckedChange = { onSelect(index) },

            ) {

                Icon(icon = item, modifier = Modifier.size(20.dp))

            }

        }

    }

}