{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "marquee",
  "type": "registry:component",
  "title": "Marquee",
  "description": "Seamless infinite horizontal scroll with edge fades and pause-on-hover. Pure CSS, server-renderable.",
  "dependencies": [],
  "registryDependencies": [],
  "tier": "free",
  "note": "Requires the .prism-marquee styles from globals.css.",
  "files": [
    {
      "path": "components/prism/Marquee.tsx",
      "content": "/**\n * Marquee — a seamless, infinite horizontal scroll of its children, with edge\n * fades and optional pause-on-hover. Pure CSS (no JS), so it's server-renderable\n * and cheap. The children are duplicated once for the seamless loop.\n */\nexport function Marquee({\n  children,\n  speed = 30,\n  reverse = false,\n  pauseOnHover = true,\n  className = \"\",\n}: {\n  children: React.ReactNode;\n  /** seconds per full loop */\n  speed?: number;\n  reverse?: boolean;\n  pauseOnHover?: boolean;\n  className?: string;\n}) {\n  return (\n    <div className={`prism-marquee ${pauseOnHover ? \"prism-marquee--pause\" : \"\"} ${className}`}>\n      <div\n        className=\"prism-marquee__track\"\n        style={{ animationDuration: `${speed}s`, animationDirection: reverse ? \"reverse\" : \"normal\" }}\n      >\n        <div className=\"prism-marquee__group\">{children}</div>\n        <div className=\"prism-marquee__group\" aria-hidden>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/prism/Marquee.tsx"
    }
  ]
}