{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "nextjs-logo",
  "title": "Next.js Logo",
  "description": "Next.js brand logo component with dark/light mode support",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/blocks/logos/nextjs-logo/components/logos/nextjs.tsx",
      "content": "interface LogoProps {\n  className?: string;\n  variant?: \"icon\";\n  mode?: \"dark\" | \"light\";\n}\n\nconst COLORS = {\n  dark: \"#FFFFFF\",\n  light: \"#000000\",\n};\n\nexport function NextjsLogo({\n  className,\n  variant = \"icon\",\n  mode = \"dark\",\n}: LogoProps) {\n  const color = COLORS[mode];\n\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <title>Next.js</title>\n      <path\n        fill={color}\n        d=\"M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z\"\n      />\n    </svg>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "hasVariants": true,
    "variants": [
      "icon"
    ],
    "variantTypes": {
      "base": [
        "icon"
      ],
      "modes": [
        "dark",
        "light"
      ]
    }
  },
  "categories": [
    "DevTools",
    "logo",
    "brand"
  ],
  "type": "registry:ui"
}