val LocalButtonColor = compositionLocalOf { Color.Black }
private val buttonShape = RoundedCornerShape(50)


@Composable
fun AppSurface(
    modifier: Modifier = Modifier,
    shape: Shape = RectangleShape,
    color: Color = MaterialTheme.colors.surface,
    contentColor: Color = contentColorFor(color),
    border: BorderStroke? = null,
    elevation: Dp = 0.dp,
    content: @Composable () -> Unit
) {
    val buttonColor = when (color) {
        MaterialTheme.colors.surface -> MaterialTheme.colors.secondary
        MaterialTheme.colors.background -> MaterialTheme.colors.background
        else -> contentColor
    }

    CompositionLocalProvider(
        LocalButtonColor provides buttonColor
    ) {
        Surface(modifier, shape, color, contentColor, border, elevation, content)
    }
}

@Composable
fun AppOutlinedButton(
    text: String,
    onClick: ()->Unit = {},
    color: Color = LocalButtonColor.current
) {
    OutlinedButton(
        shape = buttonShape,
        border = BorderStroke(2.dp, color),
        colors = ButtonDefaults.outlinedButtonColors(backgroundColor = Color.Transparent, contentColor = color),
        onClick = onClick) {
        Text(text = text)
    }
}