supabase_surface

defmodule SupabaseSurface.Components.Typography.Title do
  use Surface.Component

  @doc "The level for the resulting heading"
  prop level, :integer, values: [1, 2, 3, 4, 5], default: 1

  @doc "The title content"
  slot default, required: true

  @doc "Extra CSS classes to apply"
  prop class, :css_class

  @impl true
  def render(%{level: 1} = assigns) do
    ~H"""
      <h1 class={{ "sbui-typography-title", @class }}><slot /></h1>
    """
  end

  @impl true
  def render(%{level: 2} = assigns) do
    ~H"""
      <h2 class={{ "sbui-typography-title", @class }}><slot /></h2>
    """
  end

  @impl true
  def render(%{level: 3} = assigns) do
    ~H"""
      <h3 class={{ "sbui-typography-title", @class }}><slot /></h3>
    """
  end

  @impl true
  def render(%{level: 4} = assigns) do
    ~H"""
      <h4 class={{ "sbui-typography-title", @class }}><slot /></h4>
    """
  end

  @impl true
  def render(%{level: 5} = assigns) do
    ~H"""
      <h5 class={{ "sbui-typography-title", @class }}><slot /></h5>
    """
  end
end