secant-android-wallet/ui-design-lib/src/main/java/co/electriccoin/zcash/ui/design/component/Button.kt

144 lines
3.9 KiB
Kotlin
Raw Normal View History

package co.electriccoin.zcash.ui.design.component
2022-01-13 09:49:08 -08:00
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
2022-02-21 06:33:40 -08:00
import androidx.compose.material3.Button
import androidx.compose.material3.ButtonDefaults
import androidx.compose.material3.ButtonDefaults.buttonColors
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
2022-01-13 09:49:08 -08:00
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import co.electriccoin.zcash.ui.design.theme.ZcashTheme
2022-01-13 09:49:08 -08:00
@Preview
@Composable
fun ButtonComposablePreview() {
ZcashTheme(darkTheme = true) {
GradientSurface {
Column {
PrimaryButton(onClick = { }, text = "Primary")
SecondaryButton(onClick = { }, text = "Secondary")
TertiaryButton(onClick = { }, text = "Tertiary")
NavigationButton(onClick = { }, text = "Navigation")
}
}
}
}
@Composable
fun PrimaryButton(
onClick: () -> Unit,
text: String,
2022-02-17 05:08:06 -08:00
modifier: Modifier = Modifier,
enabled: Boolean = true,
) {
Button(
onClick = onClick,
modifier = modifier.then(
Modifier
.fillMaxWidth()
.padding(horizontal = 16.dp, vertical = 8.dp)
),
2022-02-17 05:08:06 -08:00
enabled = enabled,
2022-02-21 06:33:40 -08:00
colors = buttonColors(containerColor = MaterialTheme.colorScheme.primary)
) {
2022-02-21 06:33:40 -08:00
Text(
style = MaterialTheme.typography.labelLarge,
text = text,
color = MaterialTheme.colorScheme.onPrimary
)
}
}
@Composable
fun SecondaryButton(
onClick: () -> Unit,
text: String,
modifier: Modifier = Modifier
) {
Button(
onClick = onClick,
modifier = modifier.then(
Modifier
.fillMaxWidth()
.padding(horizontal = 16.dp, vertical = 8.dp)
),
2022-02-21 06:33:40 -08:00
colors = buttonColors(containerColor = MaterialTheme.colorScheme.secondary)
) {
2022-02-21 06:33:40 -08:00
Text(
style = MaterialTheme.typography.labelLarge,
text = text,
color = MaterialTheme.colorScheme.onSecondary
)
}
}
@Composable
fun NavigationButton(
onClick: () -> Unit,
text: String,
modifier: Modifier = Modifier
) {
Button(
onClick = onClick,
modifier = modifier.then(
Modifier
.padding(horizontal = 16.dp, vertical = 8.dp)
),
2022-02-21 06:33:40 -08:00
colors = buttonColors(containerColor = MaterialTheme.colorScheme.secondary)
) {
2022-02-21 06:33:40 -08:00
Text(style = MaterialTheme.typography.labelLarge, text = text, color = MaterialTheme.colorScheme.onSecondary)
}
}
@Composable
fun TertiaryButton(
onClick: () -> Unit,
text: String,
modifier: Modifier = Modifier
) {
Button(
onClick = onClick,
modifier = modifier.then(
Modifier
.fillMaxWidth()
.padding(horizontal = 16.dp, vertical = 8.dp)
),
2022-02-21 06:33:40 -08:00
elevation = ButtonDefaults.buttonElevation(0.dp, 0.dp, 0.dp),
colors = buttonColors(containerColor = ZcashTheme.colors.tertiary)
) {
2022-02-21 06:33:40 -08:00
Text(
style = MaterialTheme.typography.labelLarge,
text = text,
color = ZcashTheme.colors.onTertiary
)
}
}
@Composable
fun DangerousButton(
onClick: () -> Unit,
text: String,
modifier: Modifier = Modifier
) {
Button(
onClick = onClick,
modifier = modifier.then(
Modifier
.fillMaxWidth()
.padding(horizontal = 16.dp, vertical = 8.dp)
),
2022-02-21 06:33:40 -08:00
colors = buttonColors(containerColor = ZcashTheme.colors.dangerous)
) {
2022-02-21 06:33:40 -08:00
Text(
style = MaterialTheme.typography.labelLarge,
text = text,
color = ZcashTheme.colors.onDangerous
)
}
}