'use strict';

var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
var flex = require('../flex/flex.cjs');
var text = require('../text/text.cjs');
var announcementBar_module = require('./announcement-bar.module.css.cjs');

const announementBar = index.cva(announcementBar_module.default["announcement-bar"], {
    variants: {
        variant: {
            gradient: announcementBar_module.default["announcement-bar-gradient"],
            normal: announcementBar_module.default["announcement-bar-normal"],
            error: announcementBar_module.default["announcement-bar-error"],
        },
    },
    defaultVariants: {
        variant: "normal",
    },
});
const AnnouncementBar = ({ className, variant, text: text$1, leadingIcon, actionLabel, actionIcon, onActionClick = () => { }, ...props }) => {
    return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { className: announementBar({ className, variant }), justify: "center", align: "center", gap: "small", ...props, children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: announcementBar_module.default["icon"], children: leadingIcon }), jsxRuntime.jsxRuntimeExports.jsx(text.Text, { className: announcementBar_module.default.text, size: 2, weight: 500, children: text$1 }), actionLabel || actionIcon ? (jsxRuntime.jsxRuntimeExports.jsxs(text.Text, { className: announcementBar_module.default["action-btn"], size: 2, weight: 500, onClick: onActionClick, children: [actionLabel, actionIcon] })) : null] }));
};

exports.AnnouncementBar = AnnouncementBar;
//# sourceMappingURL=announcement-bar.cjs.map
