"use client"; import React, { useState } from "react"; import { motion, AnimatePresence } from "framer-motion"; import { UploadCloud, FilePlus, Info, X } from "lucide-react"; export default function MinimalistDashEmptyState() { const [isDragging, setIsDragging] = useState(false); const [file, setFile] = useState(null); const handleDragOver = (e: React.DragEvent) => { e.preventDefault(); setIsDragging(true); }; const handleDragLeave = () => { setIsDragging(false); }; const handleDrop = (e: React.DragEvent) => { e.preventDefault(); setIsDragging(false); const droppedFile = e.dataTransfer.files[0]; if (droppedFile) setFile(droppedFile); }; return (

{!file ? ( {/* Icon Container */}

{/* Floating Plus Icon */}

{/* Text Content */}

Drop your assets here

Drag and drop your files to start the upload process. Supports PNG, JPG or PDF (Max 10MB).

{/* Action Button */} ) : (

{file.name}

{(file.size / (1024 * 1024)).toFixed(2)} MB • Ready to upload

)} {/* Footer Help */} {!file && (

End-to-end encrypted transfer

)}

); }