import React from 'react';

import { ButtonVariant } from '@/components/button/Button';

import { ModalButton } from '../../shared/ModalButton';

interface Props {
  onClose: () => void;
}

const CancelScheduledStep: React.FC<Props> = ({ onClose }) => (
  <div className='flex flex-col items-center'>
    <p className='mb-6 text-white/80'>Cancellation confirmed.</p>
    <ModalButton variant={ButtonVariant.Primary} onClick={onClose}>
      Close
    </ModalButton>
  </div>
);

export default CancelScheduledStep;