2022-01-12 10:27:49 +00:00
|
|
|
package dev.inmo.jsuikit.elements
|
2021-12-22 08:38:12 +00:00
|
|
|
|
|
|
|
import androidx.compose.runtime.Composable
|
2022-05-19 07:21:39 +00:00
|
|
|
import dev.inmo.jsuikit.modifiers.*
|
2022-01-13 05:55:08 +00:00
|
|
|
import org.jetbrains.compose.web.dom.*
|
|
|
|
import org.w3c.dom.HTMLElement
|
2021-12-22 08:38:12 +00:00
|
|
|
|
2022-05-19 07:21:39 +00:00
|
|
|
@Composable
|
|
|
|
fun Navbar(
|
|
|
|
attributesCustomizer: AttrBuilderContext<HTMLElement> = {},
|
|
|
|
contentBuilder: ContentBuilder<HTMLElement>
|
|
|
|
) {
|
|
|
|
Nav(
|
|
|
|
{
|
|
|
|
include(UIKitNavbar, UIKitNavbar.Container)
|
|
|
|
attributesCustomizer()
|
|
|
|
}
|
|
|
|
) {
|
|
|
|
contentBuilder
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-12-22 08:38:12 +00:00
|
|
|
@Composable
|
|
|
|
fun Navbar(
|
|
|
|
leftBuilder: NavbarNavBuilder? = null,
|
|
|
|
centerBuilder: NavbarNavBuilder? = null,
|
|
|
|
rightBuilder: NavbarNavBuilder? = null,
|
2022-01-13 13:56:39 +00:00
|
|
|
vararg navModifiers: UIKitModifier,
|
2022-01-13 05:55:08 +00:00
|
|
|
attributesCustomizer: AttrBuilderContext<HTMLElement> = {},
|
2021-12-22 08:38:12 +00:00
|
|
|
) {
|
2022-05-19 07:21:39 +00:00
|
|
|
Navbar(
|
2021-12-22 08:38:12 +00:00
|
|
|
{
|
|
|
|
include(*navModifiers)
|
2022-01-13 05:55:08 +00:00
|
|
|
attributesCustomizer()
|
2021-12-22 08:38:12 +00:00
|
|
|
}
|
|
|
|
) {
|
|
|
|
leftBuilder ?.let {
|
2022-05-19 07:21:39 +00:00
|
|
|
Div({ include(UIKitNavbar.Alignment.Left) }) { it.draw() }
|
2021-12-22 08:38:12 +00:00
|
|
|
}
|
|
|
|
centerBuilder ?.let {
|
2022-05-19 07:21:39 +00:00
|
|
|
Div({ include(UIKitNavbar.Alignment.Center) }) { it.draw() }
|
2021-12-22 08:38:12 +00:00
|
|
|
}
|
|
|
|
rightBuilder ?.let {
|
2022-05-19 07:21:39 +00:00
|
|
|
Div({ include(UIKitNavbar.Alignment.Right) }) { it.draw() }
|
2021-12-22 08:38:12 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|