File size: 1,101 Bytes
246d201
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
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";

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

export function ExitConversationModal({

  onConfirm,

  onClose,

}: ExitConversationModalProps) {
  return (
    <ModalBackdrop>

      <ModalBody testID="confirm-new-conversation-modal">

        <BaseModalTitle title="Creating a new conversation will replace your active conversation" />

        <div className="flex w-full gap-2">

          <ModalButton

            text="Confirm"

            onClick={onConfirm}

            className="bg-[#C63143] flex-1"

          />

          <ModalButton

            text="Cancel"

            onClick={onClose}

            className="bg-neutral-700 flex-1"

          />

        </div>

      </ModalBody>

    </ModalBackdrop>
  );
}