"use client" import { motion } from "framer-motion" import { Download, FileText, FileImage, FileArchive, Clock, AlertCircle } 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 downloads = [ { id: 1, name: "Invoice June 2026.pdf", type: "PDF", size: "245 KB", expires: "Never", icon: FileText, downloaded: false }, { id: 2, name: "Product Guide v3.pdf", type: "PDF", size: "1.2 MB", expires: "Jul 10, 2026", icon: FileText, downloaded: true }, { id: 3, name: "Receipt ORD-8765.png", type: "Image", size: "890 KB", expires: "Never", icon: FileImage, downloaded: false }, { id: 4, name: "Asset Pack Q2.zip", type: "Archive", size: "24 MB", expires: "Jul 15, 2026", icon: FileArchive, downloaded: false }, { id: 5, name: "License Key.txt", type: "Text", size: "1 KB", expires: "Never", icon: FileText, downloaded: true }, { id: 6, name: "Source Code v2.1.zip", type: "Archive", size: "15 MB", expires: "Aug 1, 2026", icon: FileArchive, downloaded: false }, ] export default function DownloadCenter() { return (

Download Center

Access your purchased files and documents.

All Files Recent Expiring Soon {["all", "recent", "expiring"].map((tab) => ( {downloads .filter((d) => { if (tab === "all") return true if (tab === "recent") return !d.downloaded if (tab === "expiring") return d.expires !== "Never" return true }) .map((file) => { const Icon = file.icon const isExpiring = file.expires !== "Never" return (

{file.name}

{file.type} · {file.size} {isExpiring && ( <> · Expires {file.expires} )}

{isExpiring && ( Expiring )} ) })} ))}

) }