"use client";

import React from "react";
import {
  Dialog,
  DialogContent,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog";
import { ScrollArea } from "@/components/ui/scroll-area";

interface SwpNoteDialogProps {
  open: boolean;
  onOpenChange: (open: boolean) => void;
  title: string;
  content: string | null;
}

/**
 * SWP Note Full Content Dialog
 * Displays the full content of DC Note (NOTE1) or Eng Note (NOTE2).
 */
export function SwpNoteDialog({
  open,
  onOpenChange,
  title,
  content,
}: SwpNoteDialogProps) {
  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent className="max-w-2xl max-h-[80vh]">
        <DialogHeader>
          <DialogTitle>{title}</DialogTitle>
        </DialogHeader>
        <ScrollArea className="max-h-[60vh] pr-4">
          <div className="whitespace-pre-wrap text-sm">
            {content || <span className="text-muted-foreground">No content.</span>}
          </div>
        </ScrollArea>
      </DialogContent>
    </Dialog>
  );
}