import { jsx } from 'react/jsx-runtime';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef } from 'react';
import styles from './headline.module.css.js';

const headline = cva(styles.headline, {
    variants: {
        size: {
            t1: styles["headline-t1"],
            t2: styles["headline-t2"],
            t3: styles["headline-t3"],
            t4: styles["headline-t4"],
            small: styles["headline-small"],
            medium: styles["headline-medium"],
            large: styles["headline-large"],
        },
        align: {
            left: styles["headline-align-left"],
            center: styles["headline-align-center"],
            right: styles["headline-align-right"],
        },
        truncate: {
            true: styles["headline-truncate"],
        },
    },
    defaultVariants: {
        size: "t2",
        align: "left",
        truncate: false,
    },
});
const Headline = forwardRef(({ className, size, align, truncate, as: Component = "h2", ...props }, ref) => {
    return (jsx(Component, { ref: ref, className: headline({ size, align, truncate, className }), ...props }));
});
Headline.displayName = "Headline";

export { Headline };
//# sourceMappingURL=headline.js.map
