feat(ui): create themed SegmentedControl

Signed-off-by: Brandon McAnsh <git@bmcreations.dev>

Author: bmc08gt

ui/components/build.gradle.kts

@@ -37,6 +37,7 @@ dependencies {
     debugApi(libs.compose.ui.tools)
     api(libs.compose.ui.tools.preview)
     implementation(libs.compose.material)
+    api(libs.compose.material3)
     implementation(libs.compose.material.icons.extended)
     implementation(libs.compose.accompanist)
     implementation(libs.compose.paging)

ui/components/src/main/kotlin/com/getcode/ui/components/SegmentedControl.kt

@@ -0,0 +1,43 @@
+package com.getcode.ui.components
+
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.material3.SegmentedButton
+import androidx.compose.material3.SegmentedButtonColors
+import androidx.compose.material3.SegmentedButtonDefaults
+import androidx.compose.material3.SingleChoiceSegmentedButtonRow
+import androidx.compose.material3.SingleChoiceSegmentedButtonRowScope
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.Dp
+
+@Composable
+fun <T> SegmentedControl(
+    options: List<T>,
+    selected: T?,
+    colors: SegmentedButtonColors = SegmentedButtonDefaults.colors(),
+    contentPadding: PaddingValues = SegmentedButtonDefaults.ContentPadding,
+    mapper: @Composable SingleChoiceSegmentedButtonRowScope.(T) -> Unit,
+    space: Dp = SegmentedButtonDefaults.BorderWidth,
+    modifier: Modifier = Modifier,
+    onSelectionChanged: (T) -> Unit,
+) {
+    SingleChoiceSegmentedButtonRow(
+        modifier = modifier,
+        space = space,
+    ) {
+        options.mapIndexed { index, item ->
+            SegmentedButton(
+                selected = item == selected,
+                onClick = { onSelectionChanged(item) },
+                colors = colors,
+                shape = SegmentedButtonDefaults.itemShape(index, count = options.count()),
+                contentPadding = contentPadding,
+                icon = {},
+                label = {
+                    mapper(item)
+                },
+            )
+        }
+    }
+}
+

ui/components/src/main/kotlin/com/getcode/ui/theme/CodeSegmentedControl.kt

@@ -0,0 +1,34 @@
+package com.getcode.ui.theme
+
+import androidx.compose.material3.SegmentedButtonDefaults
+import androidx.compose.material3.SingleChoiceSegmentedButtonRowScope
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import com.getcode.theme.White05
+import com.getcode.theme.White10
+import com.getcode.ui.components.SegmentedControl
+
+@Composable
+fun <T> CodeSegmentedControl(
+    options: List<T>,
+    selected: T?,
+    mapper: @Composable SingleChoiceSegmentedButtonRowScope.(T) -> Unit,
+    modifier: Modifier = Modifier,
+    onSelectionChanged: (T) -> Unit,
+) {
+    SegmentedControl(
+        options = options,
+        selected = selected,
+        mapper = mapper,
+        space = 0.dp,
+        modifier = modifier,
+        colors = SegmentedButtonDefaults.colors(
+            activeBorderColor = White10,
+            activeContainerColor = White10,
+            inactiveContainerColor = White05,
+            inactiveBorderColor = White05,
+        ),
+        onSelectionChanged = onSelectionChanged,
+    )
+}