import type { FC } from 'react';
import React from 'react';
import { Modal } from '@theorchard/suite-components';

const BundleExitModal: FC<{
    isOpen: boolean;
    onClose: () => void;
    onExit: () => void;
}> = ({ isOpen, onClose, onExit }) => (
    <Modal
        isOpen={isOpen}
        onRequestClose={onClose}
        title={$t('bundleExitModal.title')}
        confirmTitle={$t('bundleExitModal.confirmTitle')}
        onConfirm={onExit}
    >
        <div className="bundle-exit-modal-body">
            <p>{$t('bundleExitModal.firstLine')}</p>
            <p>{$t('bundleExitModal.secondLine')}</p>
        </div>
    </Modal>
);

export default BundleExitModal;