'use client';

import Button, { ButtonShape, ButtonVariant } from '@/components/button/Button';
import { ModalTypes } from '@/components/modal/constants/ModalTypes';
import { useModalContext } from '@/context/ModalContext';

interface Props {
  isDisabled?: boolean;
}

const CreditsPurchaseModalContent: React.FC<Props> = ({ isDisabled }) => {
  const { openModal } = useModalContext();
  return (
    <div className='flex'>
      <Button
        variant={ButtonVariant.Primary}
        shape={ButtonShape.Pill}
        onClick={() => openModal(ModalTypes.CREDITS_PURCHASE)}
        disabled={isDisabled}
      >
        Buy more credits
      </Button>
    </div>
  );
};

export default CreditsPurchaseModalContent;