package reading.component.widget

import rx._
import Ctx.Owner.Unsafe._

import scalatags.JsDom.all._
import scalacss.Defaults._
import scalacss.ScalatagsCss._

import reading.component.widget.style.{ Modal => ModalStyle }
import reading.utils.{ RxAttr }

object Modal {
  def apply(onClose: => Unit)(content: HtmlTag): HtmlTag = {
    div(
      ModalStyle.render,
      ModalStyle.modal,

      div(
        ModalStyle.curtain,
        RxAttr(onclick, Rx(() => onClose))
      ),

      div(
        ModalStyle.content,
        content,
        button(
          ModalStyle.close,
          RxAttr(onclick, Rx(() => onClose)),
          "Fermer"
        )
      )
    )
  }
}