import { jsx, jsxs } from 'react/jsx-runtime';
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { Flex } from '../flex/flex.js';
import { Text } from '../text/text.js';
import styles from './empty-state.module.css.js';

const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, variant = 'empty1' }) => {
    if (variant === 'empty2') {
        return (jsx(Flex, { align: 'center', justify: 'center', className: styles.emptyStatePage, children: jsxs(Flex, { direction: 'column', align: 'start', gap: 'medium', className: cx(styles.emptyStateContent, classNames?.container), children: [jsx("div", { className: cx(styles.iconContainer, classNames?.iconContainer), children: jsx("div", { className: cx(styles.icon, styles.iconLarge, classNames?.icon), children: icon }) }), heading && (jsx(Text, { size: 5, weight: 500, className: cx(styles.headerText, classNames?.heading), children: heading })), subHeading && (jsx(Text, { size: 4, weight: 400, className: cx(styles.subHeaderText, classNames?.subHeading), children: subHeading })), jsxs(Flex, { gap: 'medium', children: [primaryAction, secondaryAction] })] }) }));
    }
    return (jsxs(Flex, { direction: 'column', align: 'center', gap: 'medium', className: cx(styles.emptyState, classNames?.container), children: [jsx("div", { className: cx(styles.iconContainer, classNames?.iconContainer), children: jsx("div", { className: cx(styles.icon, classNames?.icon), children: icon }) }), jsxs(Flex, { direction: 'column', gap: 'small', align: 'center', children: [heading && (jsx(Text, { size: 5, weight: 500, className: cx(styles.headerText, classNames?.heading), children: heading })), subHeading && (jsx(Text, { size: 4, weight: 400, className: cx(styles.subHeaderText, classNames?.subHeading), children: subHeading }))] }), primaryAction, secondaryAction] }));
};

export { EmptyState };
//# sourceMappingURL=empty-state.js.map
