{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pin-list-demo",
  "type": "registry:ui",
  "title": "Pin List Demo",
  "description": "Demo Pin List.",
  "registryDependencies": [
    "https://animate-ui.com/r/pin-list"
  ],
  "files": [
    {
      "path": "registry/demo/components/pin-list/index.tsx",
      "content": "'use client';\n\nimport * as React from 'react';\n\nimport { PinList } from '@/components/animate-ui/components/pin-list';\n\nimport { GitCommit, AlertTriangle, Box, KeyRound, Regex } from 'lucide-react';\n\nconst ITEMS = [\n  {\n    id: 1,\n    name: 'Commit Zone',\n    info: 'Code updates · Closes 9:00 PM',\n    icon: GitCommit,\n    pinned: true,\n  },\n  {\n    id: 2,\n    name: '404 Room',\n    info: 'Fixing errors · Open 24 hours',\n    icon: AlertTriangle,\n    pinned: true,\n  },\n  {\n    id: 3,\n    name: 'NPM Stop',\n    info: 'Install stuff · Closes 8:00 PM',\n    icon: Box,\n    pinned: false,\n  },\n  {\n    id: 4,\n    name: 'Token Lock',\n    info: 'Login stuff · Open 24 hours',\n    icon: KeyRound,\n    pinned: false,\n  },\n  {\n    id: 5,\n    name: 'Regex Zone',\n    info: 'Find words · Closes 9:00 PM',\n    icon: Regex,\n    pinned: false,\n  },\n];\n\nexport const PinListDemo = () => <PinList items={ITEMS} />;\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/components/pin-list.tsx"
    }
  ]
}