'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 React = require('react');
var flex = require('../flex/flex.cjs');
var iconButton_module = require('./icon-button.module.css.cjs');

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

exports.IconButton = IconButton;
//# sourceMappingURL=icon-button.cjs.map
