@rkosafo/cai.components/dist/typography/heading/theme.js

This package is under development and not ready for public use.

import { tv } from "tailwind-variants";
export const heading = tv({
    base: "font-bold text-gray-900 dark:text-white",
    variants: {
        tag: {
            h1: "text-5xl font-extrabold",
            h2: "text-4xl",
            h3: "text-3xl",
            h4: "text-2xl",
            h5: "text-xl",
            h6: "text-lg"
        }
    },
    defaultVariants: {
        tag: "h1"
    }
});