import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { GetSvgIcon } from "..";
import clsx from "clsx";
import styles from "./style.module.scss";
const IconButton = forwardRef(({ onClick, iconType, isDisabled = false, className, sizeVariant = "xs", color = "white", variant = "secondary", shape = "rectangular", iconSize = "24", ...props }, ref) => {
    const compoundClass = clsx({
        ...(className && { [className]: true }),
        [styles.iconButtonGeneric]: true,
        [styles.circular]: shape === "circular",
        [styles.rectangular]: shape === "rectangular",
        [styles[`${sizeVariant}Size`]]: true,
        [styles[`${variant}-${color}`]]: true,
    });
    return (_jsx("button", { ...props, onClick: onClick, className: compoundClass, disabled: isDisabled, ref: ref, children: _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize }) }));
});
export default IconButton;
