import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@admin/components/ui/dialog';
import { NoteDetails } from '../notes/NoteDetails';

type Mode = 'add' | 'edit';

const NoteDetailsModal = ({
    isNoteDetailsModalOpen,
    setIsNoteDetailsModalOpen,
}: {
    isNoteDetailsModalOpen: boolean;
    setIsNoteDetailsModalOpen: (open: boolean) => void;
}) => {
    return (
        <Dialog open={isNoteDetailsModalOpen} onOpenChange={setIsNoteDetailsModalOpen}>
            <DialogContent className="sm:max-w-xl">
                <DialogHeader>
                    <DialogTitle className="text-xl font-semibold">Note Details</DialogTitle>
                </DialogHeader>
                <div className="space-y-6">
                    <NoteDetails note={sampleNote} onClose={() => console.log('Close clicked')} mode="modal" />
                </div>
            </DialogContent>
        </Dialog>
    );
};

export default NoteDetailsModal;
export const sampleNote = {
    id: '2',
    title: 'Sprint Planning Meeting',
    description: 'Plan upcoming sprint tasks, estimate effort, and assign owners. Prepare backlog refinements and acceptance criteria.',
    date: 'Nov 5th, 2024',
    tag: 'Work',
    people: [
        'https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=32&h=32&fit=crop&crop=face',
        'https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=32&h=32&fit=crop&crop=face',
        'https://images.unsplash.com/photo-1545996124-1f0b8a3f2d93?w=32&h=32&fit=crop&crop=face',
    ],
    bullets: ['Define sprint goals', 'Estimate user stories', 'Assign tasks'],
    favorites: false,
    color: '#1f8ef1',
};