Heading

import { Heading } from "@/components/ui/heading";

export default function HeadingDemo() {
  return (
    <div className="flex flex-col gap-y-4 p-6">
      <Heading level={1}>The quick brown fox jumps over the lazy dog</Heading>
      <Heading level={2}>The quick brown fox jumps over the lazy dog</Heading>
      <Heading level={3}>The quick brown fox jumps over the lazy dog</Heading>
      <Heading level={4}>The quick brown fox jumps over the lazy dog</Heading>
    </div>
  );
}