import React from 'react';
import { Modal } from '../../../../components/ui/wp-modal-shim';
import type { BaaRecord, PublishedBaaDocument } from '../../../../services/BAAService.tsx';
import BaaSignForm from './BaaSignForm';

interface BaaSignModalProps {
    pdfTemplateUrl?: string;
    htmlTemplateUrl?: string;
    published?: PublishedBaaDocument | null;
    onClose: () => void;
    onSigned: (record: BaaRecord) => void;
}

const BaaSignModal: React.FC<BaaSignModalProps> = ({ pdfTemplateUrl, htmlTemplateUrl, published, onClose, onSigned }) => (
    <BaaSignForm pdfTemplateUrl={pdfTemplateUrl} htmlTemplateUrl={htmlTemplateUrl} published={published} onSigned={onSigned}>
        {({ body, actions, wide }) => (
            <Modal
                title="Sign Akashic BAA"
                onRequestClose={onClose}
                size={wide ? 'large' : 'medium'}
                headerActions={actions}
            >
                {body}
            </Modal>
        )}
    </BaaSignForm>
);

export default BaaSignModal;