frontend/src/components/features/dashboard/modals/RelationAnalysisModal.tsx

import React from "react";
import {
  Dialog,
  DialogContent,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog";
import { RelationFlowAnalysis } from "../visualizations/RelationFlowAnalysis";

interface RelationAnalysisModalProps {
  open: boolean;
  onOpenChange: (open: boolean) => void;
}

export function RelationAnalysisModal({
  open,
  onOpenChange,
}: RelationAnalysisModalProps) {
  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent className="max-w-6xl max-h-[80vh] overflow-y-auto">
        <DialogHeader>
          <DialogTitle>Relation Analysis</DialogTitle>
        </DialogHeader>
        <div className="mt-4">
          <RelationFlowAnalysis />
        </div>
      </DialogContent>
    </Dialog>
  );
}