Add rageskahe module

libraries/core/src/main/AndroidManifest.xml

@@ -1,2 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest />
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.VIBRATE" />
+
+</manifest>

libraries/core/src/main/java/io/element/android/x/core/bitmap/Bitmap.kt

@@ -0,0 +1,11 @@
+package io.element.android.x.core.bitmap
+
+import android.graphics.Bitmap
+import java.io.File
+
+fun File.writeBitmap(bitmap: Bitmap, format: Bitmap.CompressFormat, quality: Int) {
+    outputStream().use { out ->
+        bitmap.compress(format, quality, out)
+        out.flush()
+    }
+}

libraries/core/src/main/java/io/element/android/x/core/bool/Booleans.kt

@@ -0,0 +1,5 @@
+package io.element.android.x.core.bool
+
+fun Boolean?.orTrue() = this ?: true
+
+fun Boolean?.orFalse() = this ?: false

libraries/core/src/main/java/io/element/android/x/core/extensions/BasicExtensions.kt

@@ -0,0 +1,55 @@
+package io.element.android.x.core.extensions
+
+import android.util.Patterns
+
+fun Boolean.toOnOff() = if (this) "ON" else "OFF"
+
+inline fun <T> T.ooi(block: (T) -> Unit): T = also(block)
+
+/**
+ * Check if a CharSequence is an email.
+ */
+fun CharSequence.isEmail() = Patterns.EMAIL_ADDRESS.matcher(this).matches()
+
+// fun CharSequence.isMatrixId() = MatrixPatterns.isUserId(this.toString())
+
+/**
+ * Return empty CharSequence if the CharSequence is null.
+ */
+fun CharSequence?.orEmpty() = this ?: ""
+
+/**
+ * Check if a CharSequence is a phone number.
+ */
+/*
+fun CharSequence.isMsisdn(): Boolean {
+    return try {
+        PhoneNumberUtil.getInstance().parse(ensurePrefix("+"), null)
+        true
+    } catch (e: NumberParseException) {
+        false
+    }
+}
+ */
+
+/**
+ * Useful to append a String at the end of a filename but before the extension if any
+ * Ex:
+ * - "file.txt".insertBeforeLast("_foo") will return "file_foo.txt"
+ * - "file".insertBeforeLast("_foo") will return "file_foo"
+ * - "fi.le.txt".insertBeforeLast("_foo") will return "fi.le_foo.txt"
+ * - null.insertBeforeLast("_foo") will return "_foo".
+ */
+fun String?.insertBeforeLast(insert: String, delimiter: String = "."): String {
+    if (this == null) return insert
+    val idx = lastIndexOf(delimiter)
+    return if (idx == -1) {
+        this + insert
+    } else {
+        replaceRange(idx, idx, insert)
+    }
+}
+
+inline fun <reified R> Any?.takeAs(): R? {
+    return takeIf { it is R } as R?
+}

libraries/core/src/main/java/io/element/android/x/core/file/compressFile.kt

@@ -0,0 +1,38 @@
+package io.element.android.x.core.file
+
+import timber.log.Timber
+import java.io.File
+import java.util.zip.GZIPOutputStream
+
+/**
+ * GZip a file.
+ *
+ * @param file the input file
+ * @return the gzipped file
+ */
+fun compressFile(file: File): File? {
+    Timber.v("## compressFile() : compress ${file.name}")
+
+    val dstFile = file.resolveSibling(file.name + ".gz")
+
+    if (dstFile.exists()) {
+        dstFile.delete()
+    }
+
+    return try {
+        GZIPOutputStream(dstFile.outputStream()).use { gos ->
+            file.inputStream().use {
+                it.copyTo(gos, 2048)
+            }
+        }
+
+        Timber.v("## compressFile() : ${file.length()} compressed to ${dstFile.length()} bytes")
+        dstFile
+    } catch (e: Exception) {
+        Timber.e(e, "## compressFile() failed")
+        null
+    } catch (oom: OutOfMemoryError) {
+        Timber.e(oom, "## compressFile() failed")
+        null
+    }
+}

libraries/core/src/main/java/io/element/android/x/core/hardware/vibrator.kt

@@ -0,0 +1,33 @@
+/*
+ * Copyright 2020 New Vector Ltd
+ *
+ * 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.
+ */
+
+package io.element.android.x.core.hardware
+
+import android.content.Context
+import android.os.Build
+import android.os.VibrationEffect
+import android.os.Vibrator
+import androidx.core.content.getSystemService
+
+fun Context.vibrate(durationMillis: Long = 100) {
+    val vibrator = getSystemService<Vibrator>() ?: return
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+        vibrator.vibrate(VibrationEffect.createOneShot(durationMillis, VibrationEffect.DEFAULT_AMPLITUDE))
+    } else {
+        @Suppress("DEPRECATION")
+        vibrator.vibrate(durationMillis)
+    }
+}

libraries/core/src/main/java/io/element/android/x/core/mimetype/MimeTypes.kt

@@ -0,0 +1,47 @@
+/*
+ * Copyright 2020 The Matrix.org Foundation C.I.C.
+ *
+ * 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.
+ */
+
+package io.element.android.x.core.mimetype
+
+import io.element.android.x.core.bool.orFalse
+
+// The Android SDK does not provide constant for mime type, add some of them here
+object MimeTypes {
+    const val Any: String = "*/*"
+    const val OctetStream = "application/octet-stream"
+    const val Apk = "application/vnd.android.package-archive"
+
+    const val Images = "image/*"
+
+    const val Png = "image/png"
+    const val BadJpg = "image/jpg"
+    const val Jpeg = "image/jpeg"
+    const val Gif = "image/gif"
+
+    const val Ogg = "audio/ogg"
+
+    const val PlainText = "text/plain"
+
+    fun String?.normalizeMimeType() = if (this == BadJpg) Jpeg else this
+
+    fun String?.isMimeTypeImage() = this?.startsWith("image/").orFalse()
+    fun String?.isMimeTypeVideo() = this?.startsWith("video/").orFalse()
+    fun String?.isMimeTypeAudio() = this?.startsWith("audio/").orFalse()
+    fun String?.isMimeTypeApplication() = this?.startsWith("application/").orFalse()
+    fun String?.isMimeTypeFile() = this?.startsWith("file/").orFalse()
+    fun String?.isMimeTypeText() = this?.startsWith("text/").orFalse()
+    fun String?.isMimeTypeAny() = this?.startsWith("*/").orFalse()
+}

libraries/core/src/main/java/io/element/android/x/core/screenshot/Screenshot.kt

@@ -0,0 +1,57 @@
+package io.element.android.x.core.screenshot
+
+import android.app.Activity
+import android.graphics.Bitmap
+import android.graphics.Canvas
+import android.os.Build
+import android.os.Handler
+import android.os.Looper
+import android.view.PixelCopy
+import android.view.View
+
+fun View.screenshot(bitmapCallback: (ImageResult) -> Unit) {
+    try {
+        val handler = Handler(Looper.getMainLooper())
+        val bitmap = Bitmap.createBitmap(
+            width,
+            height,
+            Bitmap.Config.ARGB_8888,
+        )
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+            PixelCopy.request(
+                (this.context as Activity).window,
+                clipBounds,
+                bitmap,
+                {
+                    when (it) {
+                        PixelCopy.SUCCESS -> {
+                            bitmapCallback.invoke(ImageResult.Success(bitmap))
+                        }
+                        else -> {
+                            bitmapCallback.invoke(ImageResult.Error(Exception(it.toString())))
+                        }
+                    }
+                },
+                handler
+            )
+        } else {
+            handler.post {
+                val canvas = Canvas(bitmap)
+                    .apply {
+                        translate(-clipBounds.left.toFloat(), -clipBounds.top.toFloat())
+                    }
+                this.draw(canvas)
+                canvas.setBitmap(null)
+                bitmapCallback.invoke(ImageResult.Success(bitmap))
+            }
+        }
+    } catch (e: Exception) {
+        bitmapCallback.invoke(ImageResult.Error(e))
+    }
+}
+
+sealed interface ImageResult {
+    data class Error(val exception: Exception) : ImageResult
+    data class Success(val data: Bitmap) : ImageResult
+}

libraries/designsystem/build.gradle.kts

@@ -10,6 +10,7 @@ android {
         // Should not be there, but this is a POC
         implementation(libs.coil.compose)
         implementation(libs.accompanist.systemui)
+        implementation(project(":libraries:elementresources"))
         ksp(libs.showkase.processor)
     }
 }

libraries/designsystem/src/main/java/io/element/android/x/designsystem/components/LabelledCheckbox.kt

@@ -0,0 +1,40 @@
+package io.element.android.x.designsystem.components
+
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.material3.Checkbox
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+
+@Composable
+fun LabelledCheckbox(
+    checked: Boolean,
+    text: String,
+    modifier: Modifier = Modifier,
+    onCheckedChange: (Boolean) -> Unit = {},
+    enabled: Boolean = true,
+) {
+    Row(
+        modifier = modifier.fillMaxWidth(),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Checkbox(
+            checked = checked,
+            onCheckedChange = onCheckedChange,
+            enabled = enabled,
+        )
+        Text(text = text)
+    }
+}
+
+@Preview
+@Composable
+fun LabelledCheckboxPreview() {
+    LabelledCheckbox(
+        checked = true,
+        text = "Some text",
+    )
+}

libraries/designsystem/src/main/java/io/element/android/x/designsystem/components/dialogs/ConfirmationDialog.kt

@@ -1,6 +1,7 @@
 package io.element.android.x.designsystem.components.dialogs
 
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
@@ -9,21 +10,25 @@ import androidx.compose.material3.Button
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 
+import io.element.android.x.element.resources.R as ElementR
+
 @Composable
 fun ConfirmationDialog(
-    isDisplayed: Boolean,
     title: String,
     content: String,
     modifier: Modifier = Modifier,
-    submitText: String = "OK",
-    cancelText: String = "Cancel",
+    submitText: String = stringResource(id = ElementR.string.ok),
+    cancelText: String = stringResource(id = ElementR.string.action_cancel),
+    thirdButtonText: String? = null,
     onSubmitClicked: () -> Unit = {},
+    onCancelClicked: () -> Unit = {},
+    onThirdButtonClicked: () -> Unit = {},
     onDismiss: () -> Unit = {},
 ) {
-    if (!isDisplayed) return
     AlertDialog(
         modifier = modifier,
         onDismissRequest = onDismiss,
@@ -33,6 +38,31 @@ fun ConfirmationDialog(
         text = {
             Text(content)
         },
+        dismissButton = {
+            Row(
+                modifier = Modifier.padding(all = 8.dp),
+                horizontalArrangement = Arrangement.Center
+            ) {
+                Column {
+                    Button(
+                        modifier = Modifier.fillMaxWidth(),
+                        onClick = {
+                            onCancelClicked()
+                        }) {
+                        Text(cancelText)
+                    }
+                    if (thirdButtonText != null) {
+                        Button(
+                            modifier = Modifier.fillMaxWidth(),
+                            onClick = {
+                                onThirdButtonClicked()
+                            }) {
+                            Text(thirdButtonText)
+                        }
+                    }
+                }
+            }
+        },
         confirmButton = {
             Row(
                 modifier = Modifier.padding(all = 8.dp),
@@ -41,7 +71,6 @@ fun ConfirmationDialog(
                 Button(
                     modifier = Modifier.fillMaxWidth(),
                     onClick = {
-                        onDismiss()
                         onSubmitClicked()
                     }
                 ) {
@@ -49,20 +78,6 @@ fun ConfirmationDialog(
                 }
             }
         },
-        dismissButton = {
-            Row(
-                modifier = Modifier.padding(all = 8.dp),
-                horizontalArrangement = Arrangement.Center
-            ) {
-                Button(
-                    modifier = Modifier.fillMaxWidth(),
-                    onClick = {
-                        onDismiss()
-                    }) {
-                    Text(cancelText)
-                }
-            }
-        }
     )
 }
 
@@ -70,8 +85,8 @@ fun ConfirmationDialog(
 @Preview
 fun ConfirmationDialogPreview() {
     ConfirmationDialog(
-        isDisplayed = true,
         title = "Title",
         content = "Content",
+        thirdButtonText = "Disable"
     )
 }

libraries/designsystem/src/main/java/io/element/android/x/designsystem/components/dialogs/ErrorDialog.kt

@@ -0,0 +1,58 @@
+package io.element.android.x.designsystem.components.dialogs
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.Button
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import io.element.android.x.element.resources.R as ElementR
+
+@Composable
+fun ErrorDialog(
+    content: String,
+    modifier: Modifier = Modifier,
+    title: String = stringResource(id = ElementR.string.dialog_title_error),
+    submitText: String = stringResource(id = ElementR.string.ok),
+    onDismiss: () -> Unit = {},
+) {
+    AlertDialog(
+        modifier = modifier,
+        onDismissRequest = onDismiss,
+        title = {
+            Text(text = title)
+        },
+        text = {
+            Text(content)
+        },
+        confirmButton = {
+            Row(
+                modifier = Modifier.padding(all = 8.dp),
+                horizontalArrangement = Arrangement.Center
+            ) {
+                Button(
+                    modifier = Modifier.fillMaxWidth(),
+                    onClick = {
+                        onDismiss()
+                    }
+                ) {
+                    Text(submitText)
+                }
+            }
+        },
+    )
+}
+
+@Composable
+@Preview
+fun ErrorDialogPreview() {
+    ErrorDialog(
+        content = "Content",
+    )
+}

libraries/designsystem/src/main/java/io/element/android/x/designsystem/components/preferences/Config.kt

@@ -0,0 +1,5 @@
+package io.element.android.x.designsystem.components.preferences
+
+import androidx.compose.ui.unit.dp
+
+internal val preferenceMinHeight = 80.dp

libraries/designsystem/src/main/java/io/element/android/x/designsystem/components/preferences/PreferenceCategory.kt

@@ -0,0 +1,43 @@
+package io.element.android.x.designsystem.components.preferences
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.ColumnScope
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun PreferenceCategory(
+    title: String,
+    modifier: Modifier = Modifier,
+    content: @Composable ColumnScope.() -> Unit,
+) {
+    Column(
+        modifier = modifier
+            .fillMaxWidth()
+            .padding(horizontal = 16.dp)
+    ) {
+        Text(
+            style = MaterialTheme.typography.titleSmall,
+            text = title
+        )
+        content()
+    }
+}
+
+@Composable
+@Preview(showBackground = false)
+fun PreferenceCategoryPreview() {
+    PreferenceCategory(
+        title = "Category title",
+    ) {
+        PreferenceTextPreview()
+        PreferenceSwitchPreview()
+        PreferenceSlidePreview()
+    }
+}

libraries/designsystem/src/main/java/io/element/android/x/designsystem/components/preferences/PreferenceScreen.kt

@@ -0,0 +1,92 @@
+package io.element.android.x.designsystem.components.preferences
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.ColumnScope
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.statusBars
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowBack
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.sp
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun PreferenceScreen(
+    title: String,
+    modifier: Modifier = Modifier,
+    onBackPressed: () -> Unit = {},
+    content: @Composable ColumnScope.() -> Unit,
+) {
+    Scaffold(
+        modifier = modifier,
+        contentWindowInsets = WindowInsets.statusBars,
+        topBar = {
+            PreferenceTopAppBar(
+                title = title,
+                onBackPressed = onBackPressed,
+            )
+        },
+        content = {
+            Column(
+                modifier = Modifier.padding(it)
+            ) {
+                content()
+            }
+        }
+    )
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun PreferenceTopAppBar(
+    title: String,
+    modifier: Modifier = Modifier,
+    onBackPressed: () -> Unit = {},
+) {
+    TopAppBar(
+        modifier = modifier,
+        navigationIcon = {
+            IconButton(onClick = onBackPressed) {
+                Icon(
+                    imageVector = Icons.Filled.ArrowBack,
+                    contentDescription = "Back"
+                )
+            }
+        },
+        title = {
+            Row(verticalAlignment = Alignment.CenterVertically) {
+                Text(
+                    fontSize = 16.sp,
+                    fontWeight = FontWeight.SemiBold,
+                    text = title,
+                    maxLines = 1,
+                    overflow = TextOverflow.Ellipsis
+                )
+            }
+        }
+
+    )
+}
+
+@Composable
+@Preview(showBackground = false)
+fun PreferenceScreenPreview() {
+    PreferenceScreen(
+        title = "Preference screen"
+    ) {
+        PreferenceCategoryPreview()
+    }
+}

libraries/designsystem/src/main/java/io/element/android/x/designsystem/components/preferences/PreferenceSlide.kt

@@ -0,0 +1,65 @@
+package io.element.android.x.designsystem.components.preferences
+
+import androidx.annotation.FloatRange
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.defaultMinSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Slider
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+
+@Composable
+fun PreferenceSlide(
+    title: String,
+    @FloatRange(0.0, 1.0)
+    value: Float,
+    modifier: Modifier = Modifier,
+    summary: String? = null,
+    steps: Int = 0,
+    onValueChange: (Float) -> Unit = {},
+) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .defaultMinSize(minHeight = preferenceMinHeight),
+        contentAlignment = Alignment.CenterStart
+    ) {
+        Column(
+            modifier = modifier
+                .fillMaxWidth(),
+        ) {
+            Text(
+                modifier = Modifier.fillMaxWidth(),
+                style = MaterialTheme.typography.bodyLarge,
+                text = title
+            )
+            summary?.let {
+                Text(
+                    modifier = Modifier.fillMaxWidth(),
+                    style = MaterialTheme.typography.bodyMedium,
+                    text = summary
+                )
+            }
+            Slider(
+                value = value,
+                steps = steps,
+                onValueChange = onValueChange
+            )
+        }
+    }
+}
+
+@Composable
+@Preview(showBackground = false)
+fun PreferenceSlidePreview() {
+    PreferenceSlide(
+        title = "Slide",
+        summary = "Summary",
+        value = 0.75F
+    )
+}

libraries/designsystem/src/main/java/io/element/android/x/designsystem/components/preferences/PreferenceSwitch.kt

@@ -0,0 +1,51 @@
+package io.element.android.x.designsystem.components.preferences
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.defaultMinSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.material3.Checkbox
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+
+@Composable
+fun PreferenceSwitch(
+    title: String,
+    isChecked: Boolean,
+    modifier: Modifier = Modifier,
+    onCheckedChange: (Boolean) -> Unit = {},
+) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .defaultMinSize(minHeight = preferenceMinHeight),
+        contentAlignment = Alignment.CenterStart
+    ) {
+        Row(
+            modifier = modifier
+                .fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Text(
+                modifier = modifier
+                    .weight(1f),
+                style = MaterialTheme.typography.bodyLarge,
+                text = title
+            )
+            Checkbox(checked = isChecked, onCheckedChange = onCheckedChange)
+        }
+    }
+}
+
+@Composable
+@Preview(showBackground = false)
+fun PreferenceSwitchPreview() {
+    PreferenceSwitch(
+        title = "Switch",
+        isChecked = true
+    )
+}

libraries/designsystem/src/main/java/io/element/android/x/designsystem/components/preferences/PreferenceText.kt

@@ -0,0 +1,43 @@
+package io.element.android.x.designsystem.components.preferences
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.defaultMinSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+
+@Composable
+fun PreferenceText(
+    title: String,
+    // TODO subtitle
+    modifier: Modifier = Modifier,
+    onClick: () -> Unit = {},
+) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .defaultMinSize(minHeight = preferenceMinHeight)
+            .clickable { onClick() },
+        contentAlignment = Alignment.Center
+    ) {
+        Text(
+            modifier = Modifier
+                .fillMaxWidth(),
+            style = MaterialTheme.typography.bodyLarge,
+            text = title
+        )
+    }
+}
+
+@Composable
+@Preview(showBackground = false)
+fun PreferenceTextPreview() {
+    PreferenceText(
+        title = "Title",
+    )
+}