defmodule Moon.Components.TextInput.Container do
  @moduledoc false

  use Moon.StatelessComponent

  alias Moon.Components.TextInput.Utils

  prop(id, :string)
  prop(disabled, :boolean, default: false)
  prop(size, :string, values: ["md", "lg", "xl"])
  prop(class, :css_class)

  slot(default)

  def render(assigns) do
    ~F"""
    <div
      class={
        "w-full max-w-full relative z-0",
        @class,
        Utils.get_border_radius(@size),
        "opacity-60 cursor-not-allowed": @disabled
      }
      id={@id}
    ><#slot /></div>
    """
  end
end