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

const BulkCancelModal: FC<{
    isOpen: boolean;
    onClose: () => void;
    onCancel: (bulkCancel: boolean) => void;
}> = ({ isOpen, onClose, onCancel }) => (
    <Modal
        isOpen={isOpen}
        onRequestClose={onClose}
        onConfirm={() => onCancel(true)}
        title={$t('bulkCancelModal.title')}
        confirmTitle={$t('bulkCancelModal.confirmButton')}
        cancelTitle={$t('bulkCancelModal.cancelButton')}
        className="bulk-cancel-modal"
    >
        <span>{$t('bulkCancelModal.body')}</span>
        <span className="bold-text">{$t('bulkCancelModal.bodyBold')}</span>
    </Modal>
);

export default BulkCancelModal;