{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "leaderboard-controlled-example",
  "title": "Leaderboard Controlled",
  "description": "leaderboard-controlled-example",
  "registryDependencies": [
    "https://intentui.com/r/leaderboard"
  ],
  "files": [
    {
      "path": "src/components/examples/visualizations/leaderboard/leaderboard-controlled-example.tsx",
      "content": "'use client'\n\nimport {\n  Leaderboard,\n  LeaderboardContent,\n  LeaderboardEnd,\n  LeaderboardItem,\n  LeaderboardStart,\n} from '@/components/ui/leaderboard'\n\nconst users = [\n  { name: 'Sarah Anderson', score: 98 },\n  { name: 'Michael Chen', score: 87 },\n  { name: 'Emma Rodriguez', score: 82 },\n  { name: 'James Wilson', score: 76 },\n  { name: 'Olivia Taylor', score: 65 },\n]\n\nconst maxScore = Math.max(...users.map((u) => u.score))\n\nexport default function LeaderboardControlledDemo() {\n  return (\n    <Leaderboard>\n      <LeaderboardContent>\n        {users.map((user, index) => (\n          <LeaderboardItem\n            onAction={() => alert(`You clicked on ${user.name}`)}\n            key={index}\n            maxValue={maxScore}\n            formatOptions={{\n              style: 'decimal',\n            }}\n            value={user.score}\n          >\n            {({ valueText }) => (\n              <>\n                <LeaderboardStart>{user.name}</LeaderboardStart>\n                <LeaderboardEnd>{valueText}</LeaderboardEnd>\n              </>\n            )}\n          </LeaderboardItem>\n        ))}\n      </LeaderboardContent>\n    </Leaderboard>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/leaderboard-controlled-example/page.tsx"
    }
  ],
  "type": "registry:page"
}