"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"));
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, padding: 0 },
        React.createElement(FlexWithFooter_1.default, { flexDirection: "column", style: style, footer: footer, footerProps: {
                padding: 2,
                backgroundColor: 'primary',
                className: 'ab-Popup__footer',
            }, children: props.children })));
});
