Typography

"use client";

import React from "react";
import Typography from "@boreal-ui/next/Typography";

export default function TypographyBasicExample() {
  return (
    <div
      style={{
        display: "flex",
        flexDirection: "column",
        gap: "1rem",
      }}
    >
      <Typography as="div" variant="h1">
        Heading 1
      </Typography>
      <Typography variant="h2">Heading 2</Typography>
      <Typography variant="h3">Heading 3</Typography>

      <Typography variant="body">
        This is a basic body text example using the Typography component.
      </Typography>

      <Typography variant="caption">
        This is a smaller caption or supporting text.
      </Typography>
    </div>
  );
}