package dev.inmo.jsuikit.elements

import androidx.compose.runtime.Composable
import dev.inmo.jsuikit.buildAndAddAttribute
import dev.inmo.jsuikit.modifiers.UIKitAnimation
import dev.inmo.jsuikit.utils.Attrs
import dev.inmo.jsuikit.utils.Milliseconds
import org.jetbrains.compose.web.dom.ContentBuilder
import org.jetbrains.compose.web.dom.Div
import org.w3c.dom.HTMLDivElement

@Composable
fun Alert(
    attrs: Attrs<HTMLDivElement>,
    animation: UIKitAnimation? = UIKitAnimation.Fade,
    duration: Milliseconds? = null,
    selClose: String? = null,
    content: ContentBuilder<HTMLDivElement>
) = Div(
    {
        attrs.builder(this)

        buildAndAddAttribute("uk-alert") {
            "animation" to animation ?.classes ?.firstOrNull()
            "duration" to duration
            "sel-close" to selClose
        }
    },
    content
)