Updated on 2026-08-14

core/ui/src/main/java/com/tangem/core/ui/components/rows/ActionRow.kt

@@ -0,0 +1,78 @@
+package com.tangem.core.ui.components.rows
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.Icon
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import com.tangem.core.ui.R
+import com.tangem.core.ui.components.SpacerH28
+import com.tangem.core.ui.components.rows.states.ActionRowState
+import com.tangem.core.ui.res.TangemTheme
+
+/**
+ * Simple clickable action row, without input and icon
+ *
+ * https://www.figma.com/file/14ISV23YB1yVW1uNVwqrKv/Android?type=design&node-id=2100-807&mode=design&t=Ygv5sohTTHYAQcBS-4
+ */
+@Composable
+fun SimpleActionRow(state: ActionRowState, modifier: Modifier = Modifier) {
+    Box(
+        modifier = modifier
+            .background(color = TangemTheme.colors.background.action)
+            .height(TangemTheme.dimens.size44)
+            .fillMaxWidth(),
+    ) {
+        Column(
+            modifier = Modifier
+                .padding(end = TangemTheme.dimens.spacing48)
+                .align(Alignment.CenterStart),
+            verticalArrangement = Arrangement.spacedBy(TangemTheme.dimens.spacing8),
+        ) {
+            Text(
+                text = state.title,
+                style = TangemTheme.typography.caption2,
+                color = TangemTheme.colors.text.secondary,
+            )
+            Text(
+                text = state.description,
+                style = TangemTheme.typography.body2,
+                color = TangemTheme.colors.text.primary1,
+            )
+        }
+
+        Icon(
+            painter = painterResource(id = R.drawable.ic_chevron_right_24),
+            contentDescription = null,
+            modifier = Modifier
+                .align(alignment = Alignment.CenterEnd)
+                .padding(end = TangemTheme.dimens.spacing12),
+            tint = TangemTheme.colors.icon.informative,
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun SimpleActionRowPreview() {
+    val state = ActionRowState(
+        title = "Title",
+        description = "Description",
+        onClick = {},
+    )
+    Column {
+        TangemTheme(isDark = false) {
+            SimpleActionRow(state)
+        }
+
+        SpacerH28()
+
+        TangemTheme(isDark = false) {
+            SimpleActionRow(state)
+        }
+    }
+}

core/ui/src/main/java/com/tangem/core/ui/components/rows/states/ActionRowState.kt

@@ -0,0 +1,7 @@
+package com.tangem.core.ui.components.rows.states
+
+data class ActionRowState(
+    val title: String,
+    val description: String,
+    val onClick: () -> Unit,
+)