import Modal, { ModalBody, ModalHeader } from '@ablogcms/components/modal';

interface ConfirmModalProps {
  isOpen: boolean;
  onClose: () => void;
  container: HTMLElement;
}

function ConfirmModal({ isOpen, onClose, container }: ConfirmModalProps) {
  return (
    <Modal
      isOpen={isOpen}
      onClose={onClose}
      size="small"
      dialogStyle={{ marginTop: '100px' }}
      container={container}
      aria-labelledby="acms-admin-preview-confirm-modal-title"
      aria-describedby="acms-admin-preview-confirm-modal-description"
    >
      <ModalHeader>{ACMS.i18n('preview.preview_mode')}</ModalHeader>
      <ModalBody>
        <p id="acms-admin-preview-confirm-modal-description">{ACMS.i18n('preview.confirm_txt')}</p>
      </ModalBody>
    </Modal>
  );
}

export default ConfirmModal;
