defmodule OopsieDaisy.Components.Kbd do
  @moduledoc """
  Kbd component with DaisyUI styling.

  Generated from: tmp/daisyui/packages/docs/src/routes/(routes)/components/kbd/+page.md

  ## Examples

      <.kbd>Content</.kbd>
  """

  use Phoenix.Component

  # Component
  attr(:rest, :global, include: ~w(disabled form name value type))
  @doc "Additional CSS classes"
  attr(:class, :string, default: "")
  @doc "Button size"
  attr(:size, :atom, default: :md, values: [:md, :xs, :sm, :lg, :xl])

  @doc """
  Renders a Kbd component.
  """
  slot(:inner_block, required: true)

  def kbd(assigns) do
    ~H"""
    <div class={["kbd", size_class(@size), @class]} {@rest}>
      <%= render_slot(@inner_block) %>
    </div>
    """
  end

  # Helper functions for class composition

  defp size_class(nil), do: nil
  defp size_class(:xs), do: "kbd-xs"
  defp size_class(:sm), do: "kbd-sm"
  defp size_class(:md), do: "kbd-md"
  defp size_class(:lg), do: "kbd-lg"
  defp size_class(:xl), do: "kbd-xl"
end