"use client" import { useState } from "react" import { motion } from "framer-motion" import { FileText, Folder, Upload, Search, Share2, Download, FileImage, FileSpreadsheet } from "lucide-react" import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Separator } from "@/components/ui/separator" import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs" import { DotPattern } from "@/components/backgrounds/dot-pattern" import { stagger, staggerItem } from "@/lib/animations" const folders = [ { id: 1, name: "Projects", files: 24, icon: Folder }, { id: 2, name: "HR Documents", files: 12, icon: Folder }, { id: 3, name: "Design Assets", files: 48, icon: Folder }, { id: 4, name: "Meeting Notes", files: 36, icon: Folder }, { id: 5, name: "Reports", files: 18, icon: Folder }, { id: 6, name: "Training", files: 9, icon: Folder }, ] const recentFiles = [ { id: 1, name: "Q2_Report_2026.pdf", type: "PDF", size: "2.4 MB", modified: "2 hours ago", icon: FileText }, { id: 2, name: "Team Photo.png", type: "Image", size: "4.8 MB", modified: "Yesterday", icon: FileImage }, { id: 3, name: "Budget_2026.xlsx", type: "Spreadsheet", size: "1.1 MB", modified: "2 days ago", icon: FileSpreadsheet }, { id: 4, name: "Sprint_Notes.md", type: "Markdown", size: "12 KB", modified: "3 days ago", icon: FileText }, { id: 5, name: "Architecture_Diagram.png", type: "Image", size: "3.2 MB", modified: "1 week ago", icon: FileImage }, ] export default function Documents() { const [search, setSearch] = useState("") return (

Documents

Browse, upload, and manage files.

setSearch(e.target.value)} /> Folders Recent Files Shared with Me {folders.map((folder) => { const Icon = folder.icon return ( {folder.name}

{folder.files} files

) })} {recentFiles.map((file) => { const Icon = file.icon return (

{file.name}

{file.type} · {file.size}

{file.modified}

) })}

No files shared with you yet.

) }