import { jsxs, jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import Icon from '../Icon/Icon.js';
import classNames from '../../_virtual/index.js';
import Typography from '../Typography/Typography.js';

const IconButton = forwardRef(({ label, iconName = 'plus_user_icon', onClick, iconHide = false, isDisable = false, variant, type, }, ref) => {
    return (jsxs("button", { ...(type ? { type } : {}), disabled: isDisable, onClick: onClick, className: classNames('ff-plus-icon', {
            'ff-plus-no-icon': iconHide,
            'ff-plus-disabled': isDisable,
            'ff-plus-primary': variant === 'primary',
        }), ref: ref, children: [!iconHide && (jsx("div", { className: "button-icon", children: jsx(Icon, { height: 12, width: 12, name: iconName, className: "ff-icon-color", disabled: isDisable }) })), jsx(Typography, { as: "div", textAlign: "center", className: "icon-name", fontWeight: "semi-bold", lineHeight: "20px", children: label })] }));
});

export { IconButton as default };
//# sourceMappingURL=IconButton.js.map
