(** Layout component module *)

(** Layout configuration *)
type t

(** Container sizes *)
type container_size =
  | Sm
  | Md
  | Lg
  | Xl
  | Xl2
  | Full
  | Fluid

(** Create a container *)
val container :
  ?size:container_size ->
  ?center:bool ->
  ?padding:bool ->
  ?classes:Tailwind.t ->
  ?attributes:(string * string) list ->
  children:Htmlit.El.html list ->
  unit -> t

(** Create a flex container *)
val flex :
  ?direction:Tailwind.Flexbox.direction ->
  ?justify:Tailwind.Flexbox.justify ->
  ?align:Tailwind.Flexbox.align_items ->
  ?wrap:Tailwind.Flexbox.wrap ->
  ?gap:Tailwind.Size.t ->
  ?classes:Tailwind.t ->
  ?attributes:(string * string) list ->
  children:Htmlit.El.html list ->
  unit -> t

(** Create a grid container *)
val grid :
  ?cols:Tailwind.Grid.cols ->
  ?rows:Tailwind.Grid.rows ->
  ?gap:Tailwind.Size.t ->
  ?gap_x:Tailwind.Size.t ->
  ?gap_y:Tailwind.Size.t ->
  ?flow:Tailwind.Grid.flow ->
  ?classes:Tailwind.t ->
  ?attributes:(string * string) list ->
  children:Htmlit.El.html list ->
  unit -> t

(** Create a stack (vertical flex) *)
val stack :
  ?gap:Tailwind.Size.t ->
  ?align:Tailwind.Flexbox.align_items ->
  ?classes:Tailwind.t ->
  ?attributes:(string * string) list ->
  children:Htmlit.El.html list ->
  unit -> t

(** Create a row (horizontal flex) *)
val row :
  ?gap:Tailwind.Size.t ->
  ?justify:Tailwind.Flexbox.justify ->
  ?align:Tailwind.Flexbox.align_items ->
  ?wrap:bool ->
  ?classes:Tailwind.t ->
  ?attributes:(string * string) list ->
  children:Htmlit.El.html list ->
  unit -> t

(** Create a sidebar layout *)
val sidebar :
  ?side:[`Left | `Right] ->
  ?width:Tailwind.Size.t ->
  ?collapsible:bool ->
  ?classes:Tailwind.t ->
  ?attributes:(string * string) list ->
  sidebar:Htmlit.El.html ->
  content:Htmlit.El.html ->
  unit -> t

(** Create a header/main/footer layout *)
val page :
  ?header:Htmlit.El.html ->
  ?footer:Htmlit.El.html ->
  ?sidebar:Htmlit.El.html ->
  ?classes:Tailwind.t ->
  ?attributes:(string * string) list ->
  main:Htmlit.El.html ->
  unit -> t

(** Convert layout to Htmlit element *)
val to_html : t -> Htmlit.El.html

(** Create a spacer element *)
val spacer : ?size:Tailwind.Size.t -> unit -> Htmlit.El.html

(** Create a divider *)
val divider :
  ?orientation:[`Horizontal | `Vertical] ->
  ?classes:Tailwind.t ->
  unit -> Htmlit.El.html