// Basic usage with default choices
@Preview
@Composable
fun ContentPreview() = PreviewLab {
    val content: @Composable () -> Unit = fieldValue {
        ComposableField(
            label = "Content",
            initialValue = ComposableFieldValue.Red32X32
        )
    }
    MyContainer(content = content)
}

// With custom choices
@Preview
@Composable
fun IconSlotPreview() = PreviewLab {
    val icon: @Composable () -> Unit = fieldValue {
        ComposableField(
            label = "Icon",
            initialValue = ComposableFieldValue.Empty,
            choices = listOf(
                ComposableFieldValue.Empty,
                ComposableFieldValue("Home Icon") { Icon(Icons.Default.Home, null) },
                ComposableFieldValue("Search Icon") { Icon(Icons.Default.Search, null) }
            )
        )
    }
    MyButton(icon = icon)
}

// With text content options
@Preview
@Composable
fun HeaderPreview() = PreviewLab {
    val header: @Composable () -> Unit = fieldValue {
        ComposableField(
            label = "Header",
            initialValue = ComposableFieldValue.HeadingText,
            choices = listOf(
                ComposableFieldValue.HeadingText,
                ComposableFieldValue.SimpleText,
                ComposableFieldValue.LongText
            )
        )
    }
    MyCard(header = header)
}