import React from 'react';
import { Modal, Button } from 'rsuite';


interface ConfirmModalProps {
  onConfirm: () => void;
  onCancel: () => void;
  open: boolean;
}


const ConfirmModal: React.FC<ConfirmModalProps> = ({onConfirm, onCancel, open}) => {
  return (
    <Modal open={open} onClose={onCancel}>
      <Modal.Header>
        <Modal.Title>Are you sure?</Modal.Title>
      </Modal.Header>
      <Modal.Body>
        <p>
          By changing your API key, any application that uses the old key will no longer be able to
          access your data.
        </p>
      </Modal.Body>
      <Modal.Footer>
        <Button onClick={onConfirm} appearance="primary">
          Ok
        </Button>
        <Button onClick={onCancel} appearance="subtle">
          Cancel
        </Button>
      </Modal.Footer>
    </Modal>
  )
}


export default ConfirmModal;