{
  "type": "Text",
  "content": "This is a paragraph of text."
}

{
  "type": "Flex",
  "direction": "column",
  "gap": "1rem",
  "children": [
    { "type": "Text", "variant": "lead", "content": "Lead text - larger, emphasized" },
    { "type": "Text", "variant": "large", "content": "Large text" },
    { "type": "Text", "variant": "default", "content": "Default text" },
    { "type": "Text", "variant": "small", "content": "Small text" },
    { "type": "Text", "variant": "muted", "content": "Muted text - subdued color" }
  ]
}

{
  "type": "Text",
  "content": "Welcome back, {{state.user.name}}! You have {{state.notifications}} new notifications."
}

{
  "type": "Text",
  "as": "span",
  "content": "Inline text"
}

{
  "type": "Text",
  "content": "Important notice",
  "className": "font-bold text-blue-600"
}

{
  "type": "Container",
  "children": [
    { "type": "Text", "content": "First paragraph with some content." },
    { "type": "Text", "content": "Second paragraph continues the explanation." }
  ]
}

{
  "type": "Heading",
  "text": "Page Title",
  "level": 1
}

{
  "type": "Container",
  "className": "space-y-4",
  "children": [
    { "type": "Heading", "level": 1, "text": "Heading 1 - Page Title" },
    { "type": "Heading", "level": 2, "text": "Heading 2 - Section" },
    { "type": "Heading", "level": 3, "text": "Heading 3 - Subsection" },
    { "type": "Heading", "level": 4, "text": "Heading 4 - Minor" },
    { "type": "Heading", "level": 5, "text": "Heading 5 - Small" },
    { "type": "Heading", "level": 6, "text": "Heading 6 - Smallest" }
  ]
}

{
  "type": "Heading",
  "level": 1,
  "text": "{{state.user.name}}'s Dashboard"
}

{
  "type": "Heading",
  "level": 2,
  "text": "Featured Products",
  "className": "text-blue-600 border-b pb-2"
}

{
  "type": "Flex",
  "align": "center",
  "gap": "0.5rem",
  "children": [
    { "type": "Icon", "name": "Settings" },
    { "type": "Heading", "level": 2, "text": "Settings" }
  ]
}

{
  "type": "Container",
  "className": "mb-8",
  "children": [
    { "type": "Heading", "level": 1, "text": "Dashboard" },
    {
      "type": "Text",
      "variant": "muted",
      "content": "Welcome back! Here's an overview of your account."
    }
  ]
}

{
  "type": "Container",
  "className": "mb-6",
  "children": [
    { "type": "Heading", "level": 2, "text": "Notifications" },
    {
      "type": "Text",
      "variant": "muted",
      "content": "Configure how you want to receive notifications and alerts."
    }
  ]
}

{
  "type": "Card",
  "content": {
    "type": "Flex",
    "direction": "column",
    "gap": "0.5rem",
    "children": [
      { "type": "Heading", "level": 3, "text": "Quick Actions" },
      { "type": "Text", "variant": "small", "content": "Common tasks and shortcuts" },
      { "type": "Divider", "className": "my-4" },
      { "...card content..." }
    ]
  }
}

{
  "type": "Flex",
  "direction": "column",
  "gap": "0.25rem",
  "children": [
    {
      "type": "Text",
      "content": "Something went wrong",
      "className": "font-medium text-red-600"
    },
    {
      "type": "Text",
      "variant": "small",
      "content": "{{state.error}}",
      "className": "text-red-500"
    }
  ]
}

{
  "type": "Flex",
  "direction": "column",
  "align": "center",
  "className": "py-12 text-center",
  "children": [
    { "type": "Icon", "name": "FileText", "className": "w-12 h-12 text-gray-400 mb-4" },
    { "type": "Heading", "level": 3, "text": "No documents yet" },
    {
      "type": "Text",
      "variant": "muted",
      "content": "Upload your first document to get started."
    }
  ]
}

{
  "type": "Text",
  "as": "span",
  "content": "Status: ",
  "className": "mr-1"
}

{
  "type": "Flex",
  "align": "center",
  "gap": "0.5rem",
  "children": [
    { "type": "Text", "as": "span", "content": "Status:" },
    { "type": "Badge", "text": "Active", "variant": "success" }
  ]
}

{ "className": "font-normal" }   // 400
{ "className": "font-medium" }   // 500
{ "className": "font-semibold" } // 600
{ "className": "font-bold" }     // 700

{ "className": "text-gray-900" }      // Default
{ "className": "text-gray-500" }      // Muted
{ "className": "text-blue-600" }      // Primary
{ "className": "text-green-600" }     // Success
{ "className": "text-red-600" }       // Error
{ "className": "text-yellow-600" }    // Warning

{ "className": "text-left" }
{ "className": "text-center" }
{ "className": "text-right" }

{ "className": "leading-tight" }   // 1.25
{ "className": "leading-normal" }  // 1.5
{ "className": "leading-relaxed" } // 1.625

{
  "type": "Text",
  "content": "Very long text that should be truncated...",
  "className": "truncate max-w-xs"
}

{
  "type": "Text",
  "content": "Long content...",
  "className": "line-clamp-3"
}