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" textStyle="h1">
          Heading 1
        </Typography>
        <Typography textStyle="h2">Heading 2</Typography>
        <Typography textStyle="h3">Heading 3</Typography>
  
        <Typography textStyle="body">
          This is a basic body text example using the Typography component.
        </Typography>
  
        <Typography textStyle="caption">
          This is a smaller caption or supporting text.
        </Typography>
      </div>
    );
  }