@Composable
fun App() {
    var uiDefinition by remember { mutableStateOf(api.fetchUIDefinition()) }
    
    LaunchedEffect(Unit) {
        uiDefinition = api.fetchUIDefinition()
    }
    
    uiDefinition.ToCompose()
}

@Composable
fun App(userContext: String) {
    val aiGeneratedUI = aiService.generateUIForUser(userContext)
    aiGeneratedUI.ToCompose()
}

dependencies {
  implementation("com.jesusdmedinac:json-to-compose:1.1.0")
}

@Composable
fun App() {
    MaterialTheme {
        JSON_AS_STRING.ToCompose()
    }
}

val JSON_AS_STRING = """
{
  "type": "Column",
  "properties": {
    "type": "ColumnProps",
    "children": [
      {
        "type": "Text",
        "properties": {
          "type": "TextProps",
          "text": "Hello World"
        }
      }
    ]
  }
}
""".trimIndent()

@Composable
fun App() {
    val behaviors = mapOf(
        "button_clicked" to object : Behavior {
            override fun onClick() {
                println("Button was clicked!")
            }
        }
    )

    CompositionLocalProvider(LocalBehavior provides behaviors) {
        MaterialTheme {
            JSON_AS_STRING.ToCompose()
        }
    }
}

@Composable
fun App() {
    var textValue by remember { mutableStateOf("") }

    val stateHosts = mapOf(
        "my_text_field" to object : StateHost<String> {
            override val state: String get() = textValue
            override fun onStateChange(state: String) {
                textValue = state
            }
        }
    )

    CompositionLocalProvider(LocalStateHost provides stateHosts) {
        JSON_AS_STRING.ToCompose()
    }
}

@Composable
fun App() {
    val drawableResources = mapOf(
        "my_icon" to Res.drawable.my_icon
    )

    CompositionLocalProvider(LocalDrawableResources provides drawableResources) {
        JSON_AS_STRING.ToCompose()
    }
}

// 1. Define your custom renderer
val customRenderers = mapOf(
    "ProductCard" to { node: ComposeNode ->
        val props = node.properties as? NodeProperties.CustomProps
        val data = props?.customData
        val title = data?.get("title")?.jsonPrimitive?.content ?: ""
        val price = data?.get("price")?.jsonPrimitive?.content ?: ""

        Card {
            Column {
                Text(text = title)
                Text(text = "$$price")
            }
        }
    }
)

// 2. Provide it to the composition
CompositionLocalProvider(LocalCustomRenderers provides customRenderers) {
    JSON_AS_STRING.ToCompose()
}