// title: Dashboard metrics with icon tabs and stat card content panels import { ActivityIcon, DownloadIcon, FileTextIcon, TrendingUpIcon, } from "lucide-react"; import { Card, CardContent } from "@/registry/default/ui/card"; import { Tabs, TabsList, TabsPanel, TabsTab } from "@/registry/default/ui/tabs"; const metrics = [ { change: "+12.4%", label: "Page views", positive: true, value: "128,430", }, { change: "+8.1%", label: "Unique visitors", positive: true, value: "43,210", }, { change: "-2.3%", label: "Bounce rate", positive: true, value: "34.2%" }, { change: "+0.5%", label: "Avg. session", positive: true, value: "3m 42s", }, ]; const reports = [ { date: "Mar 1, 2025", name: "Q1 Traffic Summary", size: "42 KB" }, { date: "Feb 1, 2025", name: "Monthly Performance", size: "18 KB" }, { date: "Jan 15, 2025", name: "Conversion Funnel", size: "31 KB" }, ]; export function Pattern() { return (

Analytics Reports Exports Activity

{metrics.map((m) => (

{m.label}

{m.value}

{m.change} vs last month

))}

{reports.map((r) => (

{r.name} {r.date}

{r.size}

))}

Export your data in CSV, JSON, or XLSX format. Exports are available for the last 90 days.

Recent workspace activity and audit events appear here.

); }