import * as React from 'react';
import Dialog from './Dialog';
import FlexWithFooter from './FlexWithFooter';
import { twMerge } from '../twMerge';
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, className: twMerge('twa:p-0', dialogProps.className) },
        React.createElement(FlexWithFooter, { flexDirection: "column", style: style, footer: footer, footerProps: {
                className: 'ab-Popup__footer twa:p-2 twa:bg-primary',
            }, children: props.children })));
});
