Updated on 2026-08-14

features/staking/impl/src/main/java/com/tangem/features/staking/impl/presentation/ui/bottomsheet/StakingInfoBottomSheet.kt

@@ -1,5 +1,6 @@
 package com.tangem.features.staking.impl.presentation.ui.bottomsheet
 
+import android.content.res.Configuration
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.rememberScrollState
@@ -7,23 +8,29 @@ import androidx.compose.foundation.verticalScroll
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
-import com.tangem.core.ui.components.appbar.AppBar
+import androidx.compose.ui.tooling.preview.Preview
 import com.tangem.core.ui.components.bottomsheets.TangemBottomSheet
 import com.tangem.core.ui.components.bottomsheets.TangemBottomSheetConfig
+import com.tangem.core.ui.components.bottomsheets.TangemBottomSheetTitle
 import com.tangem.core.ui.extensions.resolveReference
+import com.tangem.core.ui.extensions.stringReference
 import com.tangem.core.ui.res.TangemTheme
+import com.tangem.core.ui.res.TangemThemePreview
 import com.tangem.features.staking.impl.presentation.state.bottomsheet.StakingInfoBottomSheetConfig
 
 @Composable
 fun StakingInfoBottomSheet(config: TangemBottomSheetConfig) {
     val scrollState = rememberScrollState()
-    TangemBottomSheet(
+
+    TangemBottomSheet<StakingInfoBottomSheetConfig>(
         config = config,
-    ) { content: StakingInfoBottomSheetConfig ->
+        title = { content ->
+            TangemBottomSheetTitle(title = content.title)
+        },
+    ) { content ->
         Column(
             modifier = Modifier.verticalScroll(scrollState),
         ) {
-            AppBar(text = content.title)
             Text(
                 text = content.text.resolveReference(),
                 color = TangemTheme.colors.text.secondary,
@@ -35,4 +42,33 @@ fun StakingInfoBottomSheet(config: TangemBottomSheetConfig) {
             )
         }
     }
-}
+}
+
+// region Preview
+@Composable
+@Preview(showBackground = true)
+@Preview(showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES)
+private fun Preview_StakingInfoBottomSheet() {
+    TangemThemePreview {
+        StakingInfoBottomSheet(
+            config = TangemBottomSheetConfig(
+                isShow = true,
+                onDismissRequest = {},
+                content = StakingInfoBottomSheetConfig(
+                    title = stringReference("Title"),
+                    text = stringReference(
+                        """
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius neque vel ligula 
+                            tincidunt, nec faucibus nulla ultricies. Maecenas euismod arcu in nunc volutpat, 
+                            at bibendum eros lacinia. Proin hendrerit massa non velit congue, 
+                            in volutpat nisi consequat. Sed vitae justo nec orci tincidunt malesuada. 
+                            Nullam feugiat purus vel lectus efficitur, vel fringilla urna volutpat. 
+                            Donec sagittis enim in metus lacinia, vel tempor nunc bibendum. 
+                        """.trimIndent(),
+                    ),
+                ),
+            ),
+        )
+    }
+}
+// endregion Preview