package dev.inmo.jsuikit.defaults

import androidx.compose.runtime.Composable
import dev.inmo.jsuikit.defaults.modifers.*
import dev.inmo.jsuikit.defaults.utils.Milliseconds
import org.jetbrains.compose.web.dom.*
import org.w3c.dom.HTMLLIElement
import org.w3c.dom.HTMLUListElement

@Composable
fun Nav(
    vararg modifiers: UIKitModifier,
    multiple: Boolean? = null,
    collapsible: Boolean? = null,
    animation: UIKitAnimation? = null,
    duration: Milliseconds? = null,
    dataAllocator: ContentBuilder<HTMLUListElement>
) {
    Ul(
        {
            buildAndAddAttribute("uk-nav") {
                "multiple" to multiple ?.toString()
                "collapsible" to collapsible ?.toString()
                "animation" to animation
                "duration" to duration ?.toString()
            }
            classes("uk-nav")
            include(*modifiers)
        }
    ) {
        dataAllocator()
    }
}

@Composable
fun NavElement(
    vararg modifiers: UIKitModifier,
    attributesAllocator: (AttrBuilderContext<HTMLLIElement>)? = null,
    contentAllocator: ContentBuilder<HTMLLIElement>
) {
    Li(
        {
            attributesAllocator ?.apply { attributesAllocator() }
            include(*modifiers)
        }
    ) {
        contentAllocator()
    }
}