{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "marquee",
  "type": "registry:ui",
  "title": "Marquee",
  "description": "An infinitely scrolling Tailwind strip that loops its children horizontally, duplicated for a gapless cycle, and stops when users prefer reduced motion.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/marquee.tsx",
      "type": "registry:ui",
      "target": "components/ui/marquee.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Marquee({\n  children,\n  className,\n}: {\n  children: React.ReactNode\n  className?: string\n}) {\n  return (\n    <div\n      data-slot=\"marquee\"\n      className={cn(\"overflow-hidden border-y border-border bg-sunken py-3\", className)}\n    >\n      <div className=\"flex w-max gap-8 px-4 text-sm text-fg-muted [animation:marquee_30s_linear_infinite] motion-reduce:[animation:none]\">\n        <div className=\"flex gap-8\">{children}</div>\n        <div className=\"flex gap-8\" aria-hidden>{children}</div>\n      </div>\n    </div>\n  )\n}\nexport { Marquee }\n"
    }
  ]
}