import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from 'react';
import Icon from '../Icon';
import './IconButton.scss';
import classNames from 'classnames';
import Typography from '../Typography';
const IconButton = forwardRef(({ label, iconName = 'plus_user_icon', onClick, iconHide = false, isDisable = false, variant, }, ref) => {
    return (_jsxs("button", { 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 default IconButton;
//# sourceMappingURL=IconButton.js.map