libraryDependencies ++= Seq(
  "net.st915" %%% "typesafe-scalajs-app" % "VERSION"
)

import net.st915.typesafescalajs.dom.dsl.*

val emptyParagraph = Paragraph()
val emptyDiv = Div()
val emptyButton = Button()

val paragraphWithId =
  Paragraph(id := "text")
val divWithClassName =
  Div(className := "container")
val disabledButtonWithClickEvent =
  Button(onClick := (_ => IO(println("clicked"))), disabled)

val paragraphWithTextNode =
  Paragraph {
    "Text"
  }
val divWithThreeChildren =
  Div(
    Div(className := "child"),
    Div(className := "child"),
    Div(className := "child")
  )
val buttonWithTextNode =
  Button {
    "Button"
  }

val paragraphWithIdAndTextNode =
  Paragraph(id := "text") {
    "Text"
  }
val divWithClassNameAndThreeChildren =
  Div(className := "container")(
    Div(className := "child") {
      "Line 1"
    },
    Div(className := "child") {
      "Line 2"
    },
    Div(className := "child") {
      "Line 3"
    }
  )
val disabledButtonWithClickEventAndTextNode =
  Button(onClick := (_ => IO(println("???"))), disabled) {
    "Disabled Button"
  }

val headWithTitle =
  Head {
    Title {
      "Page Title"
    }
  }

val bodyWithThreeChildren =
  Body(
    Div(className := "child"),
    Div(className := "child"),
    Div(className := "child")
  )

Span(
  "ABC",
  Span {
    "DEF"
  }
)

Span(
  TextNode("ABC"),
  Span {
    TextNode("DEF")
  }
)

Script(src := "aaa.js", async)
Button(id := "btn", disabled)
Audio(autoPlay)

Script(src := "aaa.js", async := true)
Button(id := "btn", disabled := true)
Audio(autoPlay := true)

IFrame(src := "aaa.html", sandbox)

IFrame(src := "aaa.html", sandbox := Set())

import cats.effect.IO
import net.st915.typesafescalajs.app.HTMLApp

object Main extends HTMLApp {

  import net.st915.typesafescalajs.dom.dsl.*

  override val head: Head = ???

  override val body: Body = ???

  override val beforeRender: IO[Unit] = IO(???) // optional
  
  override val afterRender: IO[Unit] = IO(???) // optional

}

import cats.effect.IO
import net.st915.typesafescalajs.app.HTMLIOApp

object Main extends HTMLIOApp {

  import net.st915.typesafescalajs.dom.dsl.*

  override val headProgram: IO[Head] = IO(???)

  override val bodyProgram: IO[Body] = IO(???)
  
  override val beforeRender: IO[Unit] = IO(???) // optional

  override val afterRender: IO[Unit] = IO(???) // optional

}