import { AnnouncementDetails } from '@/components/addOns/addon-sidebars/announcements/AnnouncementDetails';
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';

interface Announcement {
    id: string;
    title: string;
    excerpt: string;
    date: string;
    description?: string;
    coverImage?: string;
    likes?: number;
    comments?: number;
}

interface AnnouncementDetailsModalProps {
    isOpen: boolean;
    onClose: () => void;
    announcement: Announcement | null;
    onEdit?: () => void;
}

export function AnnouncementDetailsModal({ isOpen, onClose, announcement, onEdit }: AnnouncementDetailsModalProps) {
    return (
        <Dialog open={isOpen} onOpenChange={onClose}>
            <DialogContent className="max-h-[90vh] max-w-4xl gap-0 overflow-hidden p-0">
                <DialogHeader className="border-b px-6 py-4">
                    <DialogTitle>Announcement Details</DialogTitle>
                </DialogHeader>
                <div className="flex-1 overflow-hidden">
                    <AnnouncementDetails
                        announcement={announcement}
                        onBack={onClose}
                        onEdit={() => {
                            if (onEdit) {
                                onEdit();
                                onClose();
                            }
                        }}
                    />
                </div>
            </DialogContent>
        </Dialog>
    );
}