import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import './AddContentButton.scss';
import Icon from '../Icon';
import Typography from '../Typography';
import IconButton from '../IconButton';
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
const AddContentButton = ({ iconName = '', onButtonClick, buttonLabel = 'Label', buttonText = 'To Add Group', disableButton = false, stepCount = 1, iconWidth = 120, iconHeight = 120, addContentLabel = "step", }) => {
    return (_jsxs("div", { className: `add-content-button ${disableButton ? 'disabled' : ''}`, children: [!checkEmpty(iconName) && (_jsx("div", { className: "icon-container", children: _jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight }) })), _jsxs("div", { className: "typography-label-button", children: [_jsxs(Typography, { fontSize: "12px", fontWeight: "regular", lineHeight: "18px", children: [addContentLabel + stepCount, " :"] }), _jsx(Typography, { fontSize: "12px", fontWeight: "semi-bold", lineHeight: "18px", children: "Click" }), _jsx(IconButton, { label: buttonLabel, onClick: onButtonClick, iconName: "plus_user_icon", isDisable: disableButton }), _jsx(Typography, { fontSize: "12px", fontWeight: "semi-bold", lineHeight: "18px", children: buttonText })] })] }));
};
export default AddContentButton;
//# sourceMappingURL=AddContentButton.js.map