defmodule MoonWeb.Examples.Design.Form.InputExample.States do
  @moduledoc false

  use Moon.StatelessComponent

  use MoonWeb, :example

  alias Moon.Design.Form.Input

  def render(assigns) do
    ~F"""
    <div class="flex flex-col lg:flex-row justify-around items-end w-full gap-2">
      <Input disabled placeholder="Disabled input" />
      <Input readonly value="Read-only input" />
      <Input error placeholder="Invalid input" />
    </div>
    """
  end

  def code() do
    """
    alias Moon.Design.Form.Input

    ...

    <div class="flex flex-col lg:flex-row justify-around items-end w-full gap-2">
      <Input disabled placeholder="Disabled input" />
      <Input readonly value="Read-only input"/>
      <Input error placeholder="Invalid input" />
    </div>
    """
  end
end