defmodule Moon.Components.Form do
  @moduledoc false

  use Moon.StatelessComponent

  prop(id, :string)
  prop(testid, :string)
  prop(for, :any)
  prop(change, :event)
  prop(submit, :event)
  prop(class, :string)
  prop(autocomplete, :string, default: "on", values: ["on", "off"])
  prop(target, :any)
  prop(trigger_action, :any)
  slot(default)

  def render(assigns) do
    ~F"""
    <Surface.Components.Form
      {=@for}
      {=@submit}
      {=@change}
      {=@class}
      {=@trigger_action}
      opts={autocomplete: @autocomplete, id: @id, "data-testid": @testid, "phx-target": @target}
    >
      <#slot />
    </Surface.Components.Form>
    """
  end
end