merttoptas

@Composable
fun CreateAccountButton(modifier: Modifier) {
    BloomButton(
        onClick = { /*TODO*/ },
        modifier = modifier
            .padding(horizontal = 16.dp),
        colors = ButtonDefaults.buttonColors(backgroundColor = MaterialTheme.colors.onPrimary),
        text = "Create Account",
        borderColor = MaterialTheme.colors.onPrimary
    )

merttoptas

@Composable
fun BloomButton(
    modifier: Modifier,
    onClick: () -> Unit,
    colors: ButtonColors = ButtonDefaults.outlinedButtonColors(),
    borderColor: Color,
    text: String,
    enabled: Boolean = true,
) {
    Button(

merttoptas

@Composable
fun BloomText(
    modifier: Modifier,
    text: String,
    color: Color = MaterialTheme.colors.secondaryVariant,
    fontSize: TextUnit = TextUnit.Unspecified,
    letterSpacing: TextUnit = TextUnit.Unspecified,
    textAlign: TextAlign? = null,
    style: TextStyle = MaterialTheme.typography.subtitle2,
    lineHeight: TextUnit = TextUnit.Unspecified,

merttoptas

@Composable
fun BloomText(
    modifier: Modifier,
    text: String,
    color: Color = MaterialTheme.colors.secondaryVariant,
    fontSize: TextUnit = TextUnit.Unspecified,
    letterSpacing: TextUnit = TextUnit.Unspecified,
    textAlign: TextAlign? = null,
    style: TextStyle = MaterialTheme.typography.subtitle2,
    lineHeight: TextUnit = TextUnit.Unspecified,

merttoptas

@Composable
fun Plant(modifier: Modifier, plant: Plant) {
    ConstraintLayout(modifier = modifier) {
        val (image, title, description, checkbox, divider) = createRefs()
        Image(
            painter = rememberImagePainter(plant.image),
            contentDescription = null,
            modifier = Modifier
                .size(64.dp)
                .clip(MaterialTheme.shapes.small)

merttoptas

@Composable
fun BloomThemesCard(list: List<Theme>) {
    LazyRow(
        contentPadding = PaddingValues(vertical = 8.dp),
        horizontalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        items(list) { theme ->
            Card(
                modifier = Modifier
                    .size(136.dp)

merttoptas

@Composable
fun HomeScreen() {
    Surface(color = MaterialTheme.colors.background, modifier = Modifier.fillMaxSize()) {
        Column(
            modifier = Modifier
                .fillMaxSize()
                .padding(horizontal = 16.dp)
        ) {
            LazyColumn(modifier = Modifier.fillMaxSize(), content = {
                item { Spacer(modifier = Modifier.height(20.dp)) }

merttoptas

@Composable
fun WelcomeScreen() {
    Surface(color = MaterialTheme.colors.primary, modifier = Modifier.fillMaxSize()) {
          Box(
            modifier = Modifier
                .fillMaxWidth()
        ) {
            WelcomeBackground(modifier = Modifier)
        }
        Column(

merttoptas

@Composable
fun WelcomeScreen() {
    Surface(color = MaterialTheme.colors.primary, modifier = Modifier.fillMaxSize()) {
        WelcomeBackground(modifier = Modifier)
        Column(
            modifier = Modifier.fillMaxSize(),
            horizontalAlignment = Alignment.CenterHorizontally,
        ) {
            WelcomeLeafImageBackground(modifier = Modifier

merttoptas

   Button(
            onClick = { /*TODO*/ },
            shape = MaterialTheme.shapes.medium,
            colors = ButtonDefaults.buttonColors(backgroundColor = MaterialTheme.colors.primaryVariant),
            content = {
                Text(text = "Simple Button")
            }
        )