{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stats-05",
  "type": "registry:block",
  "title": "Stats with Links",
  "description": "A stats with links block.",
  "author": "ephraim duncan <https://ephraimduncan.com>",
  "registryDependencies": [
    "card"
  ],
  "dependencies": [],
  "files": [
    {
      "path": "content/components/stats/stats-05.tsx",
      "type": "registry:component",
      "target": "components/stats-05.tsx",
      "content": "'use client';\n\nimport { Card, CardContent, CardFooter } from '@/components/ui/card';\nimport { cn } from '@/lib/utils';\n\nconst data = [\n  {\n    name: 'Monthly recurring revenue',\n    value: '$34.1K',\n    change: '+6.1%',\n    changeType: 'positive',\n    href: '#',\n  },\n  {\n    name: 'Users',\n    value: '500.1K',\n    change: '+19.2%',\n    changeType: 'positive',\n    href: '#',\n  },\n  {\n    name: 'User growth',\n    value: '11.3%',\n    change: '-1.2%',\n    changeType: 'negative',\n    href: '#',\n  },\n];\n\nexport default function Stats05() {\n  return (\n    <div className=\"flex w-full items-center justify-center p-10\">\n      <dl className=\"grid w-full grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n        {data.map((item) => (\n          <Card className=\"gap-0 p-0 shadow-2xs\" key={item.name}>\n            <CardContent className=\"p-6\">\n              <dd className=\"flex items-start justify-between space-x-2\">\n                <span className=\"truncate text-muted-foreground text-sm\">\n                  {item.name}\n                </span>\n                <span\n                  className={cn(\n                    'font-medium text-sm',\n                    item.changeType === 'positive'\n                      ? 'text-emerald-700 dark:text-emerald-500'\n                      : 'text-red-700 dark:text-red-500'\n                  )}\n                >\n                  {item.change}\n                </span>\n              </dd>\n              <dd className=\"mt-1 font-semibold text-3xl text-foreground tabular-nums\">\n                {item.value}\n              </dd>\n            </CardContent>\n            <CardFooter className=\"flex justify-end border-border border-t p-0!\">\n              <a\n                className=\"px-6 py-3 font-medium text-primary text-sm hover:text-primary/90\"\n                href={item.href}\n              >\n                View more &#8594;\n              </a>\n            </CardFooter>\n          </Card>\n        ))}\n      </dl>\n    </div>\n  );\n}\n"
    }
  ],
  "categories": [
    "stats"
  ]
}