{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer-wordmark",
  "title": "Footer Wordmark",
  "description": "The oversized brand word that closes a page, drawn as texture rather than content.",
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/default/footer-wordmark/footer-wordmark.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport type FooterWordmarkProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"children\"\n> & {\n  children: string\n}\n\n/**\n * The oversized brand word that closes a page, drawn at a fraction of the\n * surrounding text colour and clipped by the edge. It is texture rather than\n * content, so it is hidden from assistive technology and unselectable.\n */\nexport function FooterWordmark({\n  children,\n  className,\n  ...rootProps\n}: FooterWordmarkProps) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      data-slot=\"footer-wordmark\"\n      className={cn(\n        \"overflow-hidden text-center text-[clamp(5rem,17vw,15rem)] leading-[0.72] font-semibold tracking-[-0.075em] whitespace-nowrap text-[color-mix(in_oklab,currentColor_7%,transparent)] select-none\",\n        className\n      )}\n      {...rootProps}\n    >\n      {children}\n    </div>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "footer",
    "brand",
    "type"
  ],
  "type": "registry:ui"
}