'use strict';

var jsxRuntime = require('react/jsx-runtime');
var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
var React = require('react');
var headline_module = require('./headline.module.css.cjs');

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

exports.Headline = Headline;
//# sourceMappingURL=headline.cjs.map
