For #25291 - Create a TextButton composable component

app/src/main/java/org/mozilla/fenix/compose/button/TextButton.kt

@@ -0,0 +1,67 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+package org.mozilla.fenix.compose.button
+
+import android.content.res.Configuration
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.sp
+import org.mozilla.fenix.theme.FirefoxTheme
+import org.mozilla.fenix.theme.Theme
+import java.util.Locale
+
+/**
+ * Text-only button.
+ *
+ * @param text The button text to be displayed.
+ * @param onClick Invoked when the user clicks on the button.
+ * @param modifier [Modifier] Used to shape and position the underlying [androidx.compose.material.TextButton].
+ * @param textColor [Color] to apply to the button text.
+ */
+@Composable
+fun TextButton(
+    text: String,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    textColor: Color = FirefoxTheme.colors.textAccent,
+) {
+    androidx.compose.material.TextButton(
+        onClick = onClick,
+        modifier = modifier,
+    ) {
+        Text(
+            text = text.uppercase(Locale.getDefault()),
+            style = TextStyle(
+                color = textColor,
+                fontSize = 14.sp,
+                fontWeight = FontWeight.Medium,
+                letterSpacing = 0.25.sp,
+                lineHeight = 14.sp,
+            ),
+            maxLines = 1,
+        )
+    }
+}
+
+@Composable
+@Preview(uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Preview(uiMode = Configuration.UI_MODE_NIGHT_NO)
+private fun TextButtonPreview() {
+    FirefoxTheme(theme = Theme.getTheme(isPrivate = false)) {
+        Box(Modifier.background(FirefoxTheme.colors.layer1)) {
+            TextButton(
+                text = "label",
+                onClick = {},
+            )
+        }
+    }
+}