   attr :id, :any
   attr :name, :any
   attr :label, :string, default: nil
-  attr :autocomplete, :boolean, default: false
   attr :required, :boolean, default: false
   attr :pattern, :string, default: nil
 

      <select
        id={@id}
        name={@name}
        autocomplete={@autocomplete || @name}
        required={@required}
        class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-zinc-500 focus:border-zinc-500 sm:text-sm"
        {@rest}

  attr :for, :any, default: nil, doc: "the datastructure for the form"
  attr :as, :any, default: nil, doc: "the server side parameter to collect all input under"
  attr :rest, :global, doc: "the arbitrary HTML attributes to apply to the form tag"
  attr :autocomplete, :boolean, default: nil

  slot :inner_block, required: true
  slot :actions, doc: "the slot for form actions, such as a submit button"

  def simple_form(assigns) do
    ~H"""
    <.form :let={f} for={@for} as={@as} autocomplete={@autocomplete} {@rest}>
      <div class="space-y-8 bg-white mt-10">
        <%%= render_slot(@inner_block, f) %>
        <div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6">
