phia_ui

defmodule <%= @module_name %>.Components.UI.Alert do
  @moduledoc """
  Alert component for inline feedback messages.

  Ejected from PhiaUI — you own this copy. Customise freely.

  ## Examples

      <.alert>
        <.alert_title>Heads up!</.alert_title>
        <.alert_description>You can change this in settings.</.alert_description>
      </.alert>

      <.alert variant={:destructive}>
        <:icon><.icon name="circle-x" /></:icon>
        <.alert_title>Error</.alert_title>
        <.alert_description>Your session has expired.</.alert_description>
      </.alert>

      <.alert variant={:success}>
        <.alert_title>Payment confirmed</.alert_title>
        <.alert_description>Your invoice has been sent.</.alert_description>
      </.alert>
  """

  use Phoenix.Component

  import <%= @module_name %>.ClassMerger, only: [cn: 1]

  attr :variant, :atom,
    values: [:default, :destructive, :warning, :success],
    default: :default,
    doc: "Visual style variant"

  attr :class, :string, default: nil, doc: "Additional CSS classes (merged via cn/1)"
  attr :rest, :global, doc: "HTML attributes forwarded to the root element"

  slot :icon, doc: "Optional leading icon"
  slot :inner_block, required: true, doc: "Alert content"

  def alert(assigns) do
    ~H"""
    <div
      role="alert"
      class={cn([base_class(), variant_class(@variant), @class])}
      {@rest}
    >
      <%%= if @icon != [] do %>
        <span class="[&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:size-4">
          <%%= render_slot(@icon) %>
        </span>
      <%% end %>
      <%%= render_slot(@inner_block) %>
    </div>
    """
  end

  attr :class, :string, default: nil, doc: "Additional CSS classes"
  slot :inner_block, required: true, doc: "Title text"

  def alert_title(assigns) do
    ~H"""
    <p class={cn(["mb-1 font-medium leading-none tracking-tight", @class])}>
      <%%= render_slot(@inner_block) %>
    </p>
    """
  end

  attr :class, :string, default: nil, doc: "Additional CSS classes"
  slot :inner_block, required: true, doc: "Description text"

  def alert_description(assigns) do
    ~H"""
    <p class={cn(["text-sm text-muted-foreground", @class])}>
      <%%= render_slot(@inner_block) %>
    </p>
    """
  end

  defp base_class do
    "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg]:text-current"
  end

  defp variant_class(:default),
    do: "bg-background text-foreground"

  defp variant_class(:destructive),
    do: "border-destructive/50 bg-destructive/10 text-destructive [&>svg]:text-destructive"

  defp variant_class(:warning),
    do: "border-yellow-200 bg-yellow-50 text-yellow-800 [&>svg]:text-yellow-600 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-400"

  defp variant_class(:success),
    do: "border-green-200 bg-green-50 text-green-800 [&>svg]:text-green-600 dark:border-green-800 dark:bg-green-950 dark:text-green-400"
end