import { jsxs, jsx } from 'react/jsx-runtime';
import Icon from '../Icon/Icon.js';
import Typography from '../Typography/Typography.js';
import IconButton from '../IconButton/IconButton.js';
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty.js';

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 { AddContentButton as default };
//# sourceMappingURL=AddContentButton.js.map
