import React, { FC } from "react";
import { Modal, Text } from "venice-ui";
import { t } from "../../helpers/userHelper";
import { dictionary } from "../../untils/dictionary";

interface IReactivateSubscriptionModal {
  handleCancel: () => void;
  handleAction: () => void;
  handleConfirm: () => void;
  loader: boolean;
  confirm: boolean;
  isOpen: boolean;
}

export const ReactivateSubscriptionModal: FC<IReactivateSubscriptionModal> = ({
  handleConfirm,
  handleAction,
  handleCancel,
  loader,
  confirm,
  isOpen,
}) => {
  const onClose = () => {
    if (!loader) {
      handleCancel();
    }
  };

  //ToDo check and clear
  return (
    <Modal
      title={
        confirm
          ? t(dictionary.subcriptionReactivated)
          : t(dictionary.confirmReactivateSubscription)
      }
      handleClose={confirm ? handleConfirm : onClose}
      handleConfirm={confirm ? undefined : handleAction}
      submitLoader={loader}
      isOpen={isOpen}
      exitOnEsc={true}
      headerDivader={true}
      labels={{
        primary: confirm ? undefined : t(dictionary.reactivateSubscription),
        secondary: confirm ? t(dictionary.close) : t(dictionary.cancel),
      }}
    >
      <Text>
        {confirm
          ? t(dictionary.alreadyReactivated)
          : t(dictionary.doYouWantReactivateSubscription)}
      </Text>
    </Modal>
  );
};