package co.joebirch.composeplayground.material

import androidx.compose.foundation.Border
import androidx.compose.foundation.Text
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.Card
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.unit.dp
import co.joebirch.composeplayground.ComposableLayout

object CardView: ComposableLayout {

    @Composable
    override fun build() {
        Column(
            modifier = Modifier.fillMaxSize().padding(32.dp),
            verticalArrangement = Arrangement.SpaceEvenly,
            horizontalGravity = Alignment.CenterHorizontally
        ) {
            MinimalCardComponent()
            MultipleChildCardComponent()
            ShapeCardComponent()
            ColorCardComponent()
            ContentColorCardComponent()
            BorderCardComponent()
            ElevationCardComponent()
        }
    }

}

@Composable
fun MinimalCardComponent() {
    Card {
        Text(
            text = "Jetpack Compose",
            modifier = Modifier.padding(16.dp)
        )
    }
}

@Composable
fun MultipleChildCardComponent() {
    Card {
        Column {
            Text(
                text = "Jetpack",
                modifier = Modifier.padding(16.dp)
            )
            Spacer(modifier = Modifier.preferredHeight(8.dp))
            Text(
                text = "Compose",
                modifier = Modifier.padding(16.dp)
            )
        }

    }
}

@Composable
fun ShapeCardComponent() {
    Card(
        shape = RoundedCornerShape(3.dp)
    ) {
        Text(
            text = "Jetpack Compose",
            modifier = Modifier.padding(16.dp)
        )
    }
}

@Composable
fun ColorCardComponent() {
    Card(
        color = Color.LightGray
    ) {
        Text(
            text = "Jetpack Compose",
            modifier = Modifier.padding(16.dp)
        )
    }
}

@Composable
fun ContentColorCardComponent() {
    Card(
        color = Color.Black,
        contentColor = Color.White
    ) {
        Text(
            text = "Jetpack Compose",
            modifier = Modifier.padding(16.dp)
        )
    }
}

@Composable
fun BorderCardComponent() {
    Card(
        border = Border(2.dp, Color.Black)
    ) {
        Text(
            text = "Jetpack Compose",
            modifier = Modifier.padding(16.dp)
        )
    }
}

@Composable
fun ElevationCardComponent() {
    Card(
        elevation = 12.dp
    ) {
        Text(
            text = "Jetpack Compose",
            modifier = Modifier.padding(16.dp)
        )
    }
}