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

interface IInfoModalProps {
  isOpen: boolean;
  onClose: () => void;
  content: string;
}
export const InfoModal: FC<IInfoModalProps> = ({
  isOpen,
  onClose,
  content,
}) => {
  return (
    <Modal
      title={t(dictionary.infoModalTitle)}
      handleClose={onClose}
      isOpen={isOpen}
      exitOnEsc
      labels={{
        secondary: t(dictionary.close),
      }}
      primaryVariant="primary"
    >
      <Aligment
        direction="column"
        align="flex-start"
        justify="flex-start"
        gap={16}
      >
        <Text>{content}</Text>
      </Aligment>
    </Modal>
  );
};