import { View, Text, Modal, Pressable } from "react-native";
import { CreateEventDTO } from "@calchat/shared";
import { useThemeStore } from "../stores/ThemeStore";

type EventConfirmDialogProps = {
  visible: boolean;
  proposedEvent: CreateEventDTO | null;
  onConfirm: () => void;
  onReject: () => void;
  onClose: () => void;
};

const EventConfirmDialog = ({
  visible: _visible,
  proposedEvent: _proposedEvent,
  onConfirm: _onConfirm,
  onReject: _onReject,
  onClose: _onClose,
}: EventConfirmDialogProps) => {
  const { theme } = useThemeStore();

  // TODO: Display proposed event details (title, time, description)
  // TODO: Confirm button calls onConfirm and closes dialog
  // TODO: Reject button calls onReject and closes dialog
  // TODO: Close button or backdrop tap calls onClose
  throw new Error("Not implemented");

  return (
    <Modal visible={false} transparent animationType="fade">
      <View>
        <Pressable>
          <Text style={{ color: theme.textPrimary }}>
            EventConfirmDialog - Not Implemented
          </Text>
        </Pressable>
      </View>
    </Modal>
  );
};

export default EventConfirmDialog;
