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

const EmptyVolumeModal: FC<{
    isOpen: boolean;
    onClose: () => void;
    onExit: () => void;
}> = ({ isOpen, onClose, onExit }) => (
    <Modal
        isOpen={isOpen}
        onRequestClose={onClose}
        title={$t('bundles.emptyVolumeModal.title')}
        onConfirm={onExit}
        confirmTitle={$t('bundles.emptyVolumeModal.confirm')}
        className="empty-volume-modal"
    >
        <div className="modal-body">
            <p>{$t('bundles.emptyVolumeModal.body')}</p>
        </div>
    </Modal>
);

export default EmptyVolumeModal;