"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: all[name]
    });
}
_export(exports, {
    IconButton: function() {
        return IconButton;
    },
    iconButtonVariants: function() {
        return iconButtonVariants;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
const _css = require("../utils/css");
const _classvarianceauthority = require("class-variance-authority");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const iconButtonVariants = (0, _classvarianceauthority.cva)([
    "orderly-rounded-full orderly-flex orderly-items-center orderly-justify-center"
], {
    variants: {
        variant: {
            outlined: "",
            default: "orderly-bg-black/10 hover:orderly-bg-black/20"
        },
        size: {
            small: "orderly-px-2 orderly-h-[28px] orderly-w-[28px]",
            default: "orderly-px-2 orderly-py-1 orderly-h-[40px] orderly-w-[40px]",
            large: "orderly-px-6 orderly-py-3"
        },
        color: {
            primary: "orderly-text-primary",
            tertiary: "orderly-text-tertiary"
        },
        disabled: {
            true: "orderly-opacity-50 orderly-cursor-not-allowed"
        }
    },
    defaultVariants: {
        variant: "default",
        size: "default"
    }
});
const IconButton = ({ className, size, color, variant, disabled, ...props })=>{
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
        className: (0, _css.cn)(iconButtonVariants({
            size,
            variant,
            color,
            disabled,
            className
        })),
        ...props
    });
};
IconButton.displayName = "IconButton";

//# sourceMappingURL=iconButton.js.map