jsMain.MDCDialogTitle.kt Maven / Gradle / Ivy

Go to download
package dev.petuska.kmdc.dialog

import androidx.compose.runtime.Composable
import dev.petuska.kmdc.core.ComposableBuilder
import dev.petuska.kmdc.core.MDCDsl
import org.jetbrains.compose.web.dom.AttrBuilderContext
import org.jetbrains.compose.web.dom.ElementScope
import org.jetbrains.compose.web.dom.H3
import org.jetbrains.compose.web.dom.Text
import org.w3c.dom.HTMLHeadingElement

public class MDCDialogTitleScope(scope: ElementScope) : ElementScope by scope

/**
 * [JS API](https://github.com/material-components/material-components-web/tree/v13.0.0/packages/mdc-dialog)
 */
@MDCDsl
@Composable
public fun MDCDialogScope.MDCDialogTitle(
  attrs: AttrBuilderContext? = null,
  content: ComposableBuilder? = null
) {
  MDCDialogTitleImpl(titleId, attrs, content)
}

/**
 * [JS API](https://github.com/material-components/material-components-web/tree/v13.0.0/packages/mdc-dialog)
 */
@MDCDsl
@Composable
public fun MDCDialogScope.MDCDialogTitle(
  title: String,
  attrs: AttrBuilderContext? = null
) {
  MDCDialogTitleImpl(titleId, attrs) { Text(title) }
}

/**
 * [JS API](https://github.com/material-components/material-components-web/tree/v13.0.0/packages/mdc-dialog)
 */
@MDCDsl
@Composable
public fun MDCDialogHeaderScope.MDCDialogTitle(
  attrs: AttrBuilderContext? = null,
  content: ComposableBuilder? = null
) {
  MDCDialogTitleImpl(titleId, attrs, content)
}

/**
 * [JS API](https://github.com/material-components/material-components-web/tree/v13.0.0/packages/mdc-dialog)
 */
@MDCDsl
@Composable
public fun MDCDialogHeaderScope.MDCDialogTitle(
  title: String,
  attrs: AttrBuilderContext? = null
) {
  MDCDialogTitleImpl(titleId, attrs) { Text(title) }
}

@Composable
private fun MDCDialogTitleImpl(
  titleId: String,
  attrs: AttrBuilderContext? = null,
  content: ComposableBuilder? = null
) {
  H3(
    attrs = {
      classes("mdc-dialog__title")
      id(titleId)
      attrs?.invoke(this)
    },
    content = {
      content?.let { MDCDialogTitleScope(this).it() }
    }
  )
}