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 styles from './container.module.css.js';

const container = cva(styles.container, {
    variants: {
        size: {
            small: styles["container-small"],
            medium: styles["container-medium"],
            large: styles["container-large"],
            none: styles["container-none"],
        },
        align: {
            left: styles["container-align-left"],
            center: styles["container-align-center"],
            right: styles["container-align-right"],
        }
    },
    defaultVariants: {
        size: "none",
        align: "center",
    },
});
function Container({ children, size, align, className, role = "region", ...props }) {
    return (jsx("div", { className: container({ size, align, className }), role: role, ...props, children: children }));
}

export { Container };
//# sourceMappingURL=container.js.map
