import React from 'react'; import { Button } from './ui/button'; import { Input } from './ui/input'; import { Card, CardContent, CardHeader, CardTitle } from './ui/card'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select'; import { Trash2, RotateCcw } from 'lucide-react'; interface Cell { letter: string; isBlack: boolean; number?: number; } interface Clue { number: number; direction: 'horizontal' | 'vertical'; clue: string; answer: string; } interface CrosswordGeneratorProps { grid: Cell[][]; selectedCell: {row: number, col: number} | null; setSelectedCell: React.Dispatch >; isBlackMode: boolean; setIsBlackMode: React.Dispatch >; clues: Clue[]; currentClue: { number: number; direction: 'horizontal' | 'vertical'; clue: string; answer: string; }; setCurrentClue: React.Dispatch >; onCellClick: (row: number, c...