<%= rui_text("Hello World") %>

<%# as: sets the HTML element %>
<%= rui_text("Heading", as: :h2, color: :primary) %>

<%# tag: is an alias for as: — use whichever reads more naturally %>
<%= rui_text("Heading", tag: :h2, color: :primary) %>

<%= rui_text(size: :lg, weight: :bold) do %>
  Bold large paragraph
<% end %>

<%# Keyword argument instead of positional %>
<%= rui_text(text: "Keyword text", as: :span) %>

<%= rui_text("Heading 1", as: :h1) %>
<%= rui_text("Heading 2", as: :h2) %>
<%= rui_text("Heading 3", as: :h3) %>
<%= rui_text("Heading 4", as: :h4) %>
<%= rui_text("Heading 5", as: :h5) %>
<%= rui_text("Heading 6", as: :h6) %>

<%= rui_text("Lightweight H1", as: :h1, weight: :light) %>
<%= rui_text("Normal-weight H2", as: :h2, weight: :normal) %>
<%= rui_text("Black-weight H4", as: :h4, weight: :black) %>

<%= rui_text("Default paragraph") %>
<%= rui_text("Large paragraph", size: :lg) %>
<%= rui_text("Small muted paragraph", size: :sm) %>

<%# Inline rendering with a span %>
<%= rui_text("Inline span text", inline: true) %>
<%= rui_text("Also inline", as: :span) %>

<%= rui_text("Primary",   color: :primary) %>
<%= rui_text("Secondary", color: :secondary) %>
<%= rui_text("Tertiary",  color: :tertiary) %>
<%= rui_text("Accent",    color: :accent) %>
<%= rui_text("Success",   color: :success) %>
<%= rui_text("Danger",    color: :danger) %>
<%= rui_text("Warning",   color: :warning) %>
<%= rui_text("Info",      color: :info) %>

<%= rui_text("Red",    color: :red) %>
<%= rui_text("Orange", color: :orange) %>
<%= rui_text("Amber",  color: :amber) %>
<%= rui_text("Green",  color: :green) %>
<%= rui_text("Teal",   color: :teal) %>
<%= rui_text("Blue",   color: :blue) %>
<%= rui_text("Indigo", color: :indigo) %>
<%= rui_text("Purple", color: :purple) %>
<%= rui_text("Pink",   color: :pink) %>

<%= rui_text("White text", color: :white) %>
<%= rui_text("Black text", color: :black) %>

<%= rui_text("Default shade (700)", color: :primary) %>
<%= rui_text("Lighter shade",        color: :primary, shade: 400) %>
<%= rui_text("Darker shade",         color: :primary, shade: 900) %>

<%= rui_text("Extra Small",    size: :xs) %>
<%= rui_text("Small",          size: :sm) %>
<%= rui_text("Base (default)", size: :base) %>
<%= rui_text("Large",          size: :lg) %>
<%= rui_text("Extra Large",    size: :xl) %>
<%= rui_text("2XL",            size: :xl2) %>
<%= rui_text("3XL",            size: :xl3) %>
<%= rui_text("4XL",            size: :xl4) %>
<%= rui_text("5XL",            size: :xl5) %>
<%= rui_text("6XL",            size: :xl6) %>

<%= rui_text("Thin (100)",       weight: :thin) %>
<%= rui_text("Extralight (200)", weight: :extralight) %>
<%= rui_text("Light (300)",      weight: :light) %>
<%= rui_text("Normal (400)",     weight: :normal) %>
<%= rui_text("Medium (500)",     weight: :medium) %>
<%= rui_text("Semibold (600)",   weight: :semibold) %>
<%= rui_text("Bold (700)",       weight: :bold) %>
<%= rui_text("Extrabold (800)",  weight: :extrabold) %>
<%= rui_text("Black (900)",      weight: :black) %>

<%= rui_text("Left aligned (default)", align: :left) %>
<%= rui_text("Center aligned",         align: :center) %>
<%= rui_text("Right aligned",          align: :right) %>
<%= rui_text("Justified text",         align: :justify) %>

<%= rui_text("uppercase text",   transform: :uppercase) %>
<%= rui_text("LOWERCASE TEXT",   transform: :lowercase) %>
<%= rui_text("capitalize words", transform: :capitalize) %>
<%= rui_text("Normal Case",      transform: :normal) %>

<%= rui_text("Underlined text",    decoration: :underline) %>
<%= rui_text("Overlined text",     decoration: :overline) %>
<%= rui_text("Strikethrough text", decoration: :line_through) %>
<%= rui_text("No decoration",      decoration: :none) %>

<%= rui_text("Italic text", italic: true) %>

<%# Combine with transform or decoration %>
<%= rui_text("Italic uppercase", italic: true, transform: :uppercase) %>
<%= rui_text("Italic underline", italic: true, decoration: :underline) %>

<%= rui_text("Sans-serif (default)", font: :sans) %>
<%= rui_text("Serif font",           font: :serif) %>
<%= rui_text("Monospace font",       font: :mono) %>

<%= rui_text("leading: :none",    leading: :none) %>
<%= rui_text("leading: :tight",   leading: :tight) %>
<%= rui_text("leading: :snug",    leading: :snug) %>
<%= rui_text("leading: :normal",  leading: :normal) %>
<%= rui_text("leading: :relaxed", leading: :relaxed) %>
<%= rui_text("leading: :loose",   leading: :loose) %>

<%= rui_text("tracking: :tighter", tracking: :tighter) %>
<%= rui_text("tracking: :tight",   tracking: :tight) %>
<%= rui_text("tracking: :normal",  tracking: :normal) %>
<%= rui_text("tracking: :wide",    tracking: :wide) %>
<%= rui_text("tracking: :wider",   tracking: :wider) %>
<%= rui_text("tracking: :widest",  tracking: :widest) %>

<%# Article-style heading %>
<%= rui_text("Article Title", as: :h2, weight: :light, tracking: :tight, leading: :snug) %>

<%# Label / caption style %>
<%= rui_text("SECTION LABEL", size: :xs, weight: :semibold, transform: :uppercase, tracking: :widest) %>

<%# Mono code inline %>
<%= rui_text("bundle exec rake test", font: :mono, size: :sm, color: :zinc) %>

<%= rui_text("Solid",   variant: :solid,   color: :primary) %>
<%= rui_text("Outline", variant: :outline, color: :success) %>
<%= rui_text("Ghost",   variant: :ghost,   color: :info) %>
<%= rui_text("Soft",    variant: :soft,    color: :warning) %>
<%= rui_text("Link",    variant: :link,    color: :primary) %>

<%= rui_text("Default",          variant: :default) %>
<%= rui_text("Strong (bold)",    variant: :strong) %>
<%= rui_text("Subtle (muted)",   variant: :subtle) %>

<%= rui_text("Normal text", color: :primary) %>
<%= rui_text("Accent text", color: :primary, accent: true) %>

<%= rui_text(as: :blockquote) do %>
  To be or not to be, that is the question.
<% end %>

<%# With citation %>
<%= rui_text(as: :blockquote, cite: "William Shakespeare") do %>
  The fault, dear Brutus, is not in our stars, but in ourselves.
<% end %>

<%# Styled blockquote %>
<%= rui_text(as: :blockquote, cite: "Donald Knuth", color: :primary, font: :serif, size: :lg) do %>
  Premature optimization is the root of all evil.
<% end %>

<%# Leading icon (default) %>
<%= rui_text("Featured Content", color: :info) do |t| %>
  <% t.with_icon(:star) %>
<% end %>

<%# Trailing icon %>
<%= rui_text("Learn More", color: :primary) do |t| %>
  <% t.with_icon(name: :arrow_right, position: :trailing) %>
<% end %>

<%# Icon inside a variant %>
<%= rui_text("Success!", variant: :solid, color: :success) do |t| %>
  <% t.with_icon(name: :check_circle, position: :leading) %>
<% end %>

<%# Symbol — gradient applied to entire text %>
<%= rui_text("Beautiful Gradient", gradient: :ocean, size: :xl2, weight: :bold) %>

<%# String — gradient applied to the matched word only %>
<%= rui_text("Make it gradient today", gradient: "gradient") %>

<%# Hash — target a specific word with a specific style %>
<%= rui_text("Ocean vibes ahead", gradient: { text: "Ocean", style: :ocean }) %>

<%= rui_text(prose: true, as: :article) do %>
  <h2>Article Title</h2>
  <p>First paragraph with automatic prose styling...</p>
  <p>Second paragraph...</p>
  <ul>
    <li>List item one</li>
    <li>List item two</li>
  </ul>
<% end %>

<%= rui_text_fmt("This is a very long text...", truncate: 30) %>
<%= rui_text_fmt(99.99, number_format: :currency) %>
<%= rui_text_fmt("Search for Rails in this text", highlight: "Rails") %>
<%= rui_text_fmt(Time.now - 2.hours, time_ago: true) %>
<%= rui_text_fmt("comment", pluralize: true, count: 5, variant: :soft, color: :info) %>