apps-android-wikipedia/app/src/main/java/org/wikipedia/compose/components/WikiLangCodeBox.kt at ae276adfc7b7d16559a3ab905f01b34dcbb7358f · wikimedia/apps-android-wikipedia · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
package org.wikipedia.compose.components

import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.widthIn
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.font.FontFamily
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.TextUnit
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import org.wikipedia.compose.theme.BaseTheme
import org.wikipedia.compose.theme.WikipediaTheme
import org.wikipedia.theme.Theme

@Composable
fun WikiLangCodeBox(
    modifier: Modifier = Modifier,
    languageCode: String,
    backgroundColor: Color = WikipediaTheme.colors.paperColor,
    borderColor: Color = WikipediaTheme.colors.primaryColor,
    shape: RoundedCornerShape = RoundedCornerShape(4.dp),
    textColor: Color = WikipediaTheme.colors.primaryColor,
    fontSize: TextUnit = 10.sp,
) {
    Box(
        modifier = modifier
            .background(color = backgroundColor, shape = shape)
            .border(width = 1.5.dp, color = borderColor, shape = shape),
        contentAlignment = Alignment.Center
    ) {
        Text(
            modifier = Modifier.padding(horizontal = 4.dp),
            text = languageCode.uppercase(),
            fontSize = fontSize,
            fontFamily = FontFamily.Monospace,
            fontWeight = FontWeight.Bold,
            color = textColor
        )
    }
}

@Preview
@Composable
private fun WikiLangCodeBoxRegularPreview() {
    BaseTheme(currentTheme = Theme.LIGHT) {
        WikiLangCodeBox(
            modifier = Modifier
                .height(20.dp)
                .widthIn(min = 20.dp),
            languageCode = "en"
        )
    }
}

@Preview(showBackground = true)
@Composable
private fun WikiLangCodeBoxDarkPreview() {
    BaseTheme(currentTheme = Theme.LIGHT) {
        WikiLangCodeBox(
            modifier = Modifier
                .height(20.dp)
                .widthIn(min = 20.dp),
            languageCode = "en",
            backgroundColor = WikipediaTheme.colors.primaryColor,
            borderColor = WikipediaTheme.colors.primaryColor,
            textColor = WikipediaTheme.colors.paperColor
        )
    }
}