"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PopupWithFooter = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const Dialog_1 = tslib_1.__importDefault(require("./Dialog"));
const FlexWithFooter_1 = tslib_1.__importDefault(require("./FlexWithFooter"));
const twMerge_1 = require("../twMerge");
exports.PopupWithFooter = React.forwardRef((props, ref) => {
    const { showModal, onHide, footer, maxWidth, style, ...dialogProps } = props;
    return (React.createElement(Dialog_1.default, { ...dialogProps, ref: ref, isOpen: showModal, onDismiss: onHide, showCloseButton: false, className: (0, twMerge_1.twMerge)('twa:p-0', dialogProps.className) },
        React.createElement(FlexWithFooter_1.default, { flexDirection: "column", style: style, footer: footer, footerProps: {
                className: 'ab-Popup__footer twa:p-2 twa:bg-primary',
            }, children: props.children })));
});
