// title: User Profile Viewer import { BoxIcon, CircuitBoardIcon, GlobeIcon, LinkIcon } from "lucide-react"; import { Avatar, AvatarFallback, AvatarImage, } from "@/registry/default/ui/avatar"; import { Badge } from "@/registry/default/ui/badge"; import { Button } from "@/registry/default/ui/button"; import { Separator } from "@/registry/default/ui/separator"; import { Sheet, SheetClose, SheetPanel, SheetPopup, SheetTrigger, } from "@/registry/default/ui/sheet"; const stats = [ { label: "Repos", value: "42" }, { label: "Followers", value: "1.2k" }, { label: "Stars", value: "8.4k" }, ]; const links = [ { Icon: GlobeIcon, label: "margaretwelsh.dev" }, { Icon: BoxIcon, label: "@margaret_dev" }, { Icon: CircuitBoardIcon, label: "margaret-welsh" }, ]; export default function Particle() { return ( }>

Margaret Welsh

@margaret-welsh

Design Engineer Open Source

Building design systems and component libraries. Passionate about accessibility and developer experience. Previously at Vercel.

{stats.map(({ label, value }) => (

{value}

{label}

))}

{links.map(({ Icon, label }) => (

))}

} > Close

); }