TitleCard

NonClickableTitleCardSample

@Composable
fun NonClickableTitleCardSample() {
    TitleCard(title = { Text("Title card") }, time = { Text("Now") }) {
        Text("Non clickable Card content")
    }
}

NonClickableTitleCardWithImageWithTimeAndTitleSample

@Composable
fun NonClickableTitleCardWithImageWithTimeAndTitleSample() {
    TitleCard(
        containerPainter =
            CardDefaults.containerPainter(image = painterResource(id = R.drawable.backgroundimage)),
        title = { Text("Card title") },
        subtitle = { Text("Subtitle") },
        time = { Text("Now") },
        contentPadding = CardDefaults.CardWithContainerPainterContentPadding,
        modifier = Modifier.semantics { contentDescription = "Background image" },
    ) {
        Text("Card content")
    }
}

OutlinedTitleCardSample

@Composable
fun OutlinedTitleCardSample() {
    TitleCard(
        onClick = { /* Do something */ },
        title = { Text("Title card") },
        time = { Text("Now") },
        colors = CardDefaults.outlinedCardColors(),
        border = CardDefaults.outlinedCardBorder(),
    ) {
        Text("Card content")
    }
}

TitleCardSample

@Composable
fun TitleCardSample() {
    TitleCard(
        onClick = { /* Do something */ },
        title = { Text("Title card") },
        time = { Text("Now") },
    ) {
        Text("Card content")
    }
}

TitleCardWithImageWithTimeAndTitleSample

@Composable
fun TitleCardWithImageWithTimeAndTitleSample() {
    TitleCard(
        onClick = { /* Do something */ },
        containerPainter =
            CardDefaults.containerPainter(image = painterResource(id = R.drawable.backgroundimage)),
        title = { Text("Card title") },
        subtitle = { Text("Subtitle") },
        time = { Text("Now") },
        contentPadding = CardDefaults.CardWithContainerPainterContentPadding,
        modifier = Modifier.semantics { contentDescription = "Background image" },
    ) {
        Text("Card content")
    }
}

TitleCardWithMultipleImagesSample

@Preview
@Composable
fun TitleCardWithMultipleImagesSample() {
    TitleCard(
        onClick = { /* Do something */ },
        title = { Text("Title card") },
        time = { Text("Now") },
        modifier = Modifier.semantics { contentDescription = "Background image" },
    ) {
        Spacer(Modifier.height(4.dp))
        Row(modifier = Modifier.fillMaxWidth()) {
            Image(
                modifier =
                    Modifier.weight(2f)
                        .height(68.dp)
                        .align(Alignment.CenterVertically)
                        .clip(RoundedCornerShape(16.dp)),
                painter = painterResource(id = R.drawable.card_content_image),
                contentScale = ContentScale.Crop,
                contentDescription = null,
            )
            Spacer(Modifier.width(4.dp))
            Image(
                modifier =
                    Modifier.weight(1f)
                        .height(68.dp)
                        .align(Alignment.CenterVertically)
                        .clip(RoundedCornerShape(16.dp)),
                painter = painterResource(id = R.drawable.card_content_image),
                contentScale = ContentScale.Crop,
                contentDescription = null,
            )
        }
    }
}

TitleCardWithSubtitleAndTimeSample

@Composable
fun TitleCardWithSubtitleAndTimeSample() {
    TitleCard(
        onClick = { /* Do something */ },
        time = { Text("Now") },
        title = { Text("Title card") },
        subtitle = { Text("Subtitle") },
    )
}