{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "brand-logo",
  "title": "Brand Logo",
  "description": "Theme-aware wordmark: a light-mode and a dark-mode asset passed as props, swapped with the dark variant.",
  "dependencies": [
    "cn"
  ],
  "files": [
    {
      "path": "registry/sav/components/brand-logo.tsx",
      "content": "// @sav-registry: brand-logo\n// Theme-aware wordmark: one asset for light mode, one for dark (black lockup\n// on light, white on dark is the usual pair). Plain <img> — logo assets are\n// tiny static SVGs, no next/image pipeline needed. Every app passes its own\n// files, e.g. /brand/logo-black.svg and /brand/logo-white.svg.\nimport { cn } from \"cn\"\n\nexport function BrandLogo({\n  lightSrc,\n  darkSrc,\n  alt,\n  className,\n}: {\n  /** Asset shown in light mode. */\n  lightSrc: string\n  /** Asset shown in dark mode; omit to show `lightSrc` in both themes. */\n  darkSrc?: string\n  /** The brand name — read by screen readers in place of the artwork. */\n  alt: string\n  className?: string\n}) {\n  if (!darkSrc) {\n    return (\n      // eslint-disable-next-line @next/next/no-img-element\n      <img src={lightSrc} alt={alt} className={cn(\"h-auto\", className)} />\n    )\n  }\n  return (\n    <>\n      {/* eslint-disable-next-line @next/next/no-img-element */}\n      <img\n        src={lightSrc}\n        alt={alt}\n        className={cn(\"h-auto dark:hidden\", className)}\n      />\n      {/* eslint-disable-next-line @next/next/no-img-element */}\n      <img\n        src={darkSrc}\n        alt={alt}\n        className={cn(\"hidden h-auto dark:block\", className)}\n      />\n    </>\n  )\n}\n",
      "type": "registry:component",
      "target": "@components/brand-logo.tsx"
    }
  ],
  "categories": [
    "patterns"
  ],
  "type": "registry:component"
}