Copyimport {
  TypographyBlockquote,
  TypographyH1,
  TypographyH2,
  TypographyH3,
  TypographyH4,
  TypographyInlineCode,
  TypographyLarge,
  TypographyLead,
  TypographyList,
  TypographyMuted,
  TypographyP,
  TypographySmall,
} from "@/components/ui/typography"

Copy<TypographyH1>Heading 1</TypographyH1>
<TypographyH2>Heading 2</TypographyH2>
<TypographyH3>Heading 3</TypographyH3>
<TypographyH4>Heading 4</TypographyH4>

Copy<TypographyP>
  The king thought long and hard, and finally came up with a brilliant plan.
</TypographyP>

Copy<TypographyLead>
  A tale of taxes, jokes, and the people who tell them.
</TypographyLead>

Copy<TypographyBlockquote>
  "After all," he said, "everyone enjoys a good joke."
</TypographyBlockquote>

Copy<TypographyList>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</TypographyList>

Copy<TypographyP>
  Use the <TypographyInlineCode>console.log()</TypographyInlineCode> function.
</TypographyP>

Copy<TypographyLarge>Large text for emphasis</TypographyLarge>
<TypographySmall>Small text for fine print</TypographySmall>
<TypographyMuted>Muted text for secondary content</TypographyMuted>