"use client";

import React from "react";
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog";
import { SceneFusionView } from "@/components/scene-fusion-view";

interface SceneFusionDialogProps {
  open: boolean;
  onOpenChange: (open: boolean) => void;
  onBatchAddToCanvas?: (imageUrls: string[]) => void | Promise<void>;
}

export function SceneFusionDialog({ open, onOpenChange, onBatchAddToCanvas }: SceneFusionDialogProps) {
  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent className="max-w-6xl h-[92vh] flex flex-col p-0 gap-0 overflow-hidden bg-white">
        <DialogHeader className="sr-only">
          <DialogTitle>批量处理</DialogTitle>
          <DialogDescription>批量处理图片与场景裂变。</DialogDescription>
        </DialogHeader>
        <div className="h-full min-h-0 flex-1 bg-white">
          <div className="h-full">
            <SceneFusionView
              onBatchAddToCanvas={onBatchAddToCanvas}
            />
          </div>
        </div>
      </DialogContent>
    </Dialog>
  );
}