import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
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 { Flex } from '../flex/flex.js';
import styles from './icon-button.module.css.js';

const iconButton = cva(styles.iconButton, {
    variants: {
        size: {
            1: styles['iconButton-size-1'],
            2: styles['iconButton-size-2'],
            3: styles['iconButton-size-3'],
            4: styles['iconButton-size-4']
        }
    },
    defaultVariants: {
        size: 2
    }
});
const IconButton = forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsxRuntimeExports.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: 'button', "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsxRuntimeExports.jsx(Flex, { "aria-hidden": 'true', align: 'center', justify: 'center', children: children }) })));
IconButton.displayName = 'IconButton';

export { IconButton };
//# sourceMappingURL=icon-button.js.map
