import { useState, useCallback } from 'react';
import { useDropzone } from 'react-dropzone';
import axios from 'axios';
import { Sparkles, Wand2, FileText, Upload, X, Loader2, AlertTriangle, CheckCircle, Copy, Download } from 'lucide-react';
import { motion, AnimatePresence } from 'framer-motion';

const tones = [
  { id: 'professional', label: 'Professional', description: 'Formal, business-appropriate language