{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "leaderboard-example",
  "title": "Leaderboard",
  "description": "leaderboard-example",
  "registryDependencies": [
    "https://intentui.com/r/leaderboard"
  ],
  "files": [
    {
      "path": "src/components/examples/visualizations/leaderboard/leaderboard-example.tsx",
      "content": "'use client'\n\nimport {\n  Leaderboard,\n  LeaderboardContent,\n  LeaderboardEnd,\n  LeaderboardItem,\n  LeaderboardStart,\n} from '@/components/ui/leaderboard'\n\nconst data = [\n  {\n    name: 'Documentation',\n    value: 1200,\n    href: '/installation',\n  },\n  { name: 'Components', value: 980, href: '/components' },\n  { name: 'Themes', value: 760, href: 'https://design.intentui.com/themes' },\n  { name: 'Colors', value: 430, href: '/colors' },\n  { name: 'Icons', value: 150, href: '/icons' },\n  {\n    name: 'Templates',\n    value: 150,\n    href: 'https://irsyad.co',\n  },\n  {\n    name: 'Plus',\n    value: 150,\n    href: 'https://dub.sh/designiui',\n  },\n]\n\nconst maxValue = Math.max(...data.map((item) => item.value))\n\nexport default function LeaderboardDemo() {\n  return (\n    <Leaderboard>\n      <LeaderboardContent>\n        {data.map((item) => (\n          <LeaderboardItem key={item.name} maxValue={maxValue} value={item.value}>\n            <LeaderboardStart>{item.name}</LeaderboardStart>\n            <LeaderboardEnd>{item.value.toLocaleString()} visits</LeaderboardEnd>\n          </LeaderboardItem>\n        ))}\n      </LeaderboardContent>\n    </Leaderboard>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/leaderboard-example/page.tsx"
    }
  ],
  "type": "registry:page"
}