(** Main Tailwind-HTML integration module *)

(** Convert Tailwind classes to HTML class attribute *)
val classes_attr : Tailwind.t -> Htmlit.At.t

(** Apply Tailwind classes to an Htmlit element *)
val with_classes : Tailwind.t -> Htmlit.El.html -> Htmlit.El.html

(** Apply Tailwind classes conditionally *)
val with_classes_if : bool -> Tailwind.t -> Htmlit.El.html -> Htmlit.El.html

(** Create an element with Tailwind classes *)
val el : 
  string -> (* tag name *)
  ?classes:Tailwind.t ->
  ?attributes:(string * string) list ->
  Htmlit.El.html list -> (* children *)
  Htmlit.El.html

(** Common HTML elements with Tailwind support *)
val div : ?classes:Tailwind.t -> ?attributes:(string * string) list -> Htmlit.El.html list -> Htmlit.El.html
val span : ?classes:Tailwind.t -> ?attributes:(string * string) list -> Htmlit.El.html list -> Htmlit.El.html
val p : ?classes:Tailwind.t -> ?attributes:(string * string) list -> Htmlit.El.html list -> Htmlit.El.html
val a : ?classes:Tailwind.t -> ?attributes:(string * string) list -> href:string -> Htmlit.El.html list -> Htmlit.El.html
val img : ?classes:Tailwind.t -> ?attributes:(string * string) list -> src:string -> alt:string -> unit -> Htmlit.El.html
val ul : ?classes:Tailwind.t -> ?attributes:(string * string) list -> Htmlit.El.html list -> Htmlit.El.html
val ol : ?classes:Tailwind.t -> ?attributes:(string * string) list -> Htmlit.El.html list -> Htmlit.El.html
val li : ?classes:Tailwind.t -> ?attributes:(string * string) list -> Htmlit.El.html list -> Htmlit.El.html

(** Utility functions for colors and sizes *)
val blue : int -> Tailwind.Color.t
val gray : int -> Tailwind.Color.t
val red : int -> Tailwind.Color.t
val green : int -> Tailwind.Color.t
val rem : float -> Tailwind.Size.t
val px : Tailwind.Size.t
val zero : Tailwind.Size.t
val auto : Tailwind.Size.t
val full : Tailwind.Size.t
val screen : Tailwind.Size.t
val txt : string -> Htmlit.El.html

(** Common utility classes *)
val flex : Tailwind.t
val flex_col : Tailwind.t
val items_center : Tailwind.t
val justify_center : Tailwind.t
val justify_between : Tailwind.t
val font_bold : Tailwind.t
val font_semibold : Tailwind.t
val text_center : Tailwind.t
val w_full : Tailwind.t
val h_full : Tailwind.t
val rounded_lg : Tailwind.t
val rounded_md : Tailwind.t
val shadow_md : Tailwind.t
val shadow_lg : Tailwind.t

(** Enhanced element functions with styling parameters *)
val h1 :
  ?size:[`Xl | `Xl2 | `Xl3 | `Xl4] ->
  ?weight:[`Bold | `Semibold | `Medium] ->
  ?color:Tailwind.Color.t ->
  ?align:[`Center | `Left | `Right] ->
  ?mb:Tailwind.Size.t ->
  ?classes:Tailwind.t ->
  Htmlit.El.html list ->
  Htmlit.El.html

val h2 :
  ?size:[`Lg | `Xl | `Xl2] ->
  ?weight:[`Bold | `Semibold | `Medium] ->
  ?color:Tailwind.Color.t ->
  ?align:[`Center | `Left | `Right] ->
  ?mb:Tailwind.Size.t ->
  ?classes:Tailwind.t ->
  Htmlit.El.html list ->
  Htmlit.El.html

val p_styled :
  ?size:[`Sm | `Base | `Lg] ->
  ?color:Tailwind.Color.t ->
  ?align:[`Center | `Left | `Right] ->
  ?mb:Tailwind.Size.t ->
  ?classes:Tailwind.t ->
  Htmlit.El.html list ->
  Htmlit.El.html

(** Simple component functions *)
val container : Htmlit.El.html list -> Htmlit.El.html
val flex_center : Htmlit.El.html list -> Htmlit.El.html
val card : ?elevated:bool -> ?padding:bool -> Htmlit.El.html list -> Htmlit.El.html

val btn_primary :
  ?size:[`Sm | `Md | `Lg] ->
  ?disabled:bool ->
  Htmlit.El.html list ->
  Htmlit.El.html

val btn_secondary :
  ?size:[`Sm | `Md | `Lg] ->
  ?disabled:bool ->
  Htmlit.El.html list ->
  Htmlit.El.html

(** Text element with typography utilities *)
val text :
  ?size:Tailwind.Typography.font_size ->
  ?weight:Tailwind.Typography.font_weight ->
  ?color:Tailwind.Color.t ->
  ?align:Tailwind.Typography.text_align ->
  ?classes:Tailwind.t ->
  string -> (* text content *)
  Htmlit.El.html