import React from 'react';

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

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

interface Props {
  actionName: string;
  applyImmediately: boolean;
  onClose: () => void;
}

const SuccessStep: React.FC<Props> = ({
  actionName,
  applyImmediately,
  onClose,
}) => (
  <div>
    <p className='mb-6 text-white/80'>
      Your {actionName.toLowerCase()} has been{' '}
      {applyImmediately ? 'confirmed' : 'scheduled'}!
    </p>

    <ModalButton variant={ButtonVariant.Primary} onClick={onClose}>
      Close
    </ModalButton>
  </div>
);

export default SuccessStep;