{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "logo-cloud",
  "type": "registry:ui",
  "title": "Logo cloud",
  "description": "A centered, wrapping row of customer or partner logos with names in muted text and an optional mark each. Adds social proof to a Tailwind landing page.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/logo-cloud.tsx",
      "type": "registry:ui",
      "target": "components/ui/logo-cloud.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { AnchorIcon, ApertureIcon, FeatherIcon, HexagonIcon, OrbitIcon, WavesIcon } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\n/** LogoCloud — a wrapping, centred row of customer names and marks for social proof. */\n\ntype Logo = { name: string; mark?: React.ReactNode }\n\n// Customers on the Lumen marketing site: a name and a small mark each.\nconst SAMPLE_LOGOS: Logo[] = [\n  { name: \"Northwind\", mark: <HexagonIcon className=\"size-4\" /> },\n  { name: \"Halcyon\", mark: <WavesIcon className=\"size-4\" /> },\n  { name: \"Fathom\", mark: <AnchorIcon className=\"size-4\" /> },\n  { name: \"Meridian\", mark: <OrbitIcon className=\"size-4\" /> },\n  { name: \"Quill\", mark: <FeatherIcon className=\"size-4\" /> },\n  { name: \"Tessel\", mark: <ApertureIcon className=\"size-4\" /> },\n]\n\ntype LogoCloudProps = {\n  /** Customer names with an optional mark (an icon or an inline SVG). */\n  logos?: Logo[]\n  className?: string\n}\n\nfunction LogoCloud({ logos = SAMPLE_LOGOS, className }: LogoCloudProps) {\n  return (\n    <div data-slot=\"logo-cloud\" className={cn(\"flex flex-wrap items-center justify-center gap-x-8 gap-y-4\", className)}>\n      {logos.map((l) => (\n        <div key={l.name} className=\"flex items-center gap-2 text-sm font-medium text-fg-muted\">\n          {l.mark}\n          {l.name}\n        </div>\n      ))}\n    </div>\n  )\n}\nexport { LogoCloud }\nexport type { LogoCloudProps, Logo }\n"
    }
  ]
}