File size: 1,200 Bytes
b59aa07
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import { useTranslation } from "react-i18next";
import { ModalBackdrop } from "#/components/shared/modals/modal-backdrop";
import { ModalBody } from "#/components/shared/modals/modal-body";
import { ModalButton } from "#/components/shared/buttons/modal-button";
import { BaseModalTitle } from "#/components/shared/modals/confirmation-modals/base-modal";
import { I18nKey } from "#/i18n/declaration";

interface ExitConversationModalProps {
  onConfirm: () => void;
  onClose: () => void;
}

export function ExitConversationModal({
  onConfirm,
  onClose,
}: ExitConversationModalProps) {
  const { t } = useTranslation();

  return (
    <ModalBackdrop>
      <ModalBody testID="confirm-new-conversation-modal">
        <BaseModalTitle title={t(I18nKey.CONVERSATION$EXIT_WARNING)} />
        <div className="flex w-full gap-2">
          <ModalButton
            text={t(I18nKey.ACTION$CONFIRM)}
            onClick={onConfirm}
            className="bg-[#C63143] flex-1"
          />
          <ModalButton
            text={t(I18nKey.BUTTON$CANCEL)}
            onClick={onClose}
            className="bg-tertiary flex-1"
          />
        </div>
      </ModalBody>
    </ModalBackdrop>
  );
}