Revision control
Copy as Markdown
/* 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
package org.mozilla.fenix.compose
import androidx.compose.foundation.BorderStroke
import androidx.compose.foundation.background
import androidx.compose.foundation.isSystemInDarkTheme
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.Card
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.res.stringResource
import androidx.compose.ui.unit.dp
import mozilla.components.ui.colors.PhotonColors
import org.mozilla.fenix.R
import org.mozilla.fenix.compose.annotation.LightDarkPreview
import org.mozilla.fenix.theme.FirefoxTheme
/**
* Beta label.
*
* @param modifier The modifier to apply to this layout.
*/
@Composable
fun BetaLabel(modifier: Modifier = Modifier) {
val borderColor: Color
val textColor: Color
if (isSystemInDarkTheme()) {
borderColor = PhotonColors.LightGrey10
textColor = FirefoxTheme.colors.textActionPrimary
} else {
borderColor = FirefoxTheme.colors.actionTertiary
textColor = FirefoxTheme.colors.textSecondary
}
Card(
modifier = modifier,
shape = RoundedCornerShape(8.dp),
backgroundColor = Color.Transparent,
border = BorderStroke(width = 2.dp, color = borderColor),
elevation = 0.dp,
) {
Text(
text = stringResource(R.string.review_quality_check_beta_flag).uppercase(),
modifier = Modifier.padding(horizontal = 8.dp, vertical = 3.dp),
color = textColor,
style = FirefoxTheme.typography.body2,
)
}
}
@LightDarkPreview
@Composable
private fun HeaderPreview() {
FirefoxTheme {
Box(
modifier = Modifier
.background(color = FirefoxTheme.colors.layer2)
.padding(16.dp),
) {
BetaLabel()
}
}
}