import * as React from 'react';
import Dialog from './Dialog';
import FlexWithFooter from './FlexWithFooter';
export const PopupWithFooter = React.forwardRef((props, ref) => {
    const { showModal, onHide, footer, maxWidth, style, ...dialogProps } = props;
    return (React.createElement(Dialog, { ...dialogProps, ref: ref, isOpen: showModal, onDismiss: onHide, showCloseButton: false, padding: 0 },
        React.createElement(FlexWithFooter, { flexDirection: "column", style: style, footer: footer, footerProps: {
                padding: 2,
                backgroundColor: 'primary',
                className: 'ab-Popup__footer',
            }, children: props.children })));
});
