import React from 'react';

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

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

const RenewSuccessStep: React.FC<Props> = ({ onClose }) => (
  <div>
    <p className='mb-6'>Your subscription will continue as normal.</p>

    <Button
      className='w-full'
      variant={ButtonVariant.Primary}
      size={ButtonSize.Large}
      shape={ButtonShape.Pill}
      onClick={onClose}
    >
      Close
    </Button>
  </div>
);

export default RenewSuccessStep;