open Brr
open Brr_note

type t = { title : Jstr.t }

let create
  : unit -> t Note.signal * El.t
  = fun () ->

    (* The element which contains the information *)
    let input = El.input ()
        ~at:At.[type' (Jstr.v "text") ]
    in

    let init =
      ( { title = Jstr.empty }
      ) in

    let state =
      Note.S.hold init
      @@ Evr.on_el
        (Ev.input)
        (fun _ -> { title = El.prop El.Prop.value input })
        input in

    ( state
    , El.div
        [ El.div ~at:At.[class' (Jstr.v "row")]
            [ El.div ~at:At.[class' (Jstr.v "col-25")]
                [ El.label [ El.txt' "Titre"]
                    ~at:[At.for' (Jstr.v "title")]
                ]
            ; El.div ~at:At.[class' (Jstr.v "col-75")]
                [ input ]
            ]
        ] )