adonisjs-ui/build/src/tv/heading.js

[](https://npmjs.com/package/adonisjs-ui) [](https://npm.chart.dev/adonisjs-ui)

import { tv } from "tailwind-variants";
export const heading = tv({
    slots: {
        root: "font-medium",
    },
    variants: {
        size: {
            xl: {
                root: "text-2xl [&:has(+[data-ui-subheading])]:mb-2 [[data-ui-subheading]+&]:mt-2",
            },
            lg: {
                root: "text-base [&:has(+[data-ui-subheading])]:mb-2 [[data-ui-subheading]+&]:mt-2",
            },
            sm: {
                root: "text-sm [&:has(+[data-ui-subheading])]:mb-2 [[data-ui-subheading]+&]:mt-2",
            },
        },
        accent: {
            true: { root: "text-[var(--color-accent-content)]" },
            false: { root: "[:where(&)]:text-zinc-800 [:where(&)]:dark:text-white" },
        },
    },
    defaultVariants: {
        size: "sm",
        accent: false,
    },
});