object ModalStyle: StyleSheet() {
    val btsModal by style {
        keyframes {
            from { this.property("top",0.px) }
            to { this.property("top", 30.px) }
        }
    }
}

Div(
        attrs = {
            classes("modal")
            id(id)
            tabIndex(-1)
            attr("aria-labelledby", label)
            style {
                display(displayState.value)
//                background("#0000004d")
                position(Position.Relative)
                animation(ModalStyle.btsModal) {
                    duration(10.s)
                }
            }
        }
    )

object ModalStyle: StyleSheet() {
    val animTransition by keyframes {
        from { this.property("top",0.px) }
        to { this.property("top", 30.px) }
    }
    val btsModal by style {

    }
}

Div(
        attrs = {
            classes("modal")
            id(id)
            tabIndex(-1)
            attr("aria-labelledby", label)
            style {
                display(displayState.value)
//                background("#0000004d")
                position(Position.Relative)
                animation(ModalStyle.animTransition) {
                    duration(10.s)
                }
            }
        }
    )

// somewhere like:
renderComposable("root") {
   Style(ModalStyle)
}

addEventListener

EventTarget

org.w3c.dom.events

unsafeCast

EventTarget

val s: HTMLDivElement
s.addEventListener("asf", callback =  { f ->

})