import Button, { ButtonStyleType } from "../Button/Button";
import ButtonType from "../Button/ButtonTypes";
import React from "react";
const ModalFooter = (props) => {
    return (React.createElement("div", { className: "bg-gray-50 px-4 py-3 flex flex-row gap-3 md:px-6 md:justify-between" },
        props.leftFooterElement ? (React.createElement("div", { className: "flex flex-row gap-3" }, props.leftFooterElement)) : (React.createElement("div", null)),
        React.createElement("div", { className: "flex flex-row gap-3 md:flex-row-reverse" },
            props.onSubmit ? (React.createElement(Button, { buttonStyle: props.submitButtonStyleType
                    ? props.submitButtonStyleType
                    : ButtonStyleType.PRIMARY, title: props.submitButtonText ? props.submitButtonText : "Save Changes", onClick: () => {
                    var _a;
                    (_a = props.onSubmit) === null || _a === void 0 ? void 0 : _a.call(props);
                }, disabled: props.disableSubmitButton || false, isLoading: props.isLoading || false, type: props.submitButtonType
                    ? props.submitButtonType
                    : ButtonType.Button, dataTestId: "modal-footer-submit-button" })) : (React.createElement(React.Fragment, null)),
            props.onClose ? (React.createElement(Button, { buttonStyle: props.closeButtonStyleType
                    ? props.closeButtonStyleType
                    : ButtonStyleType.NORMAL, title: props.closeButtonText ? props.closeButtonText : "Cancel", "data-dismiss": "modal", onClick: () => {
                    var _a;
                    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
                }, dataTestId: "modal-footer-close-button" })) : (React.createElement(React.Fragment, null)))));
};
export default ModalFooter;
//# sourceMappingURL=ModalFooter.js.map