{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "marquee",
  "type": "registry:component",
  "title": "Marquee",
  "description": "Scrolling marquee component with fade effects.",
  "dependencies": [
    "react-fast-marquee"
  ],
  "files": [
    {
      "path": "registry/new-york/blocks/landing-page/components/marquee.tsx",
      "content": "'use client';\nimport type { HTMLAttributes } from 'react';\nimport type { MarqueeProps as FastMarqueeProps } from 'react-fast-marquee';\nimport FastMarquee from 'react-fast-marquee';\nimport { cn } from '@/lib/utils';\nexport type MarqueeProps = HTMLAttributes<HTMLDivElement>;\nexport const Marquee = ({ className, ...props }: MarqueeProps) => (\n  <div\n    className={cn('relative w-full overflow-hidden', className)}\n    {...props}\n  />\n);\nexport type MarqueeContentProps = FastMarqueeProps;\nexport const MarqueeContent = ({\n  loop = 0,\n  autoFill = true,\n  pauseOnHover = true,\n  ...props\n}: MarqueeContentProps) => (\n  <FastMarquee\n    autoFill={autoFill}\n    loop={loop}\n    pauseOnHover={pauseOnHover}\n    {...props}\n  />\n);\nexport type MarqueeFadeProps = HTMLAttributes<HTMLDivElement> & {\n  side: 'left' | 'right';\n};\nexport const MarqueeFade = ({\n  className,\n  side,\n  ...props\n}: MarqueeFadeProps) => (\n  <div\n    className={cn(\n      'absolute top-0 bottom-0 z-10 h-full w-24 from-background to-transparent',\n      side === 'left' ? 'left-0 bg-gradient-to-r' : 'right-0 bg-gradient-to-l',\n      className\n    )}\n    {...props}\n  />\n);\nexport type MarqueeItemProps = HTMLAttributes<HTMLDivElement>;\nexport const MarqueeItem = ({ className, ...props }: MarqueeItemProps) => (\n  <div\n    className={cn('mx-2 flex-shrink-0 object-contain', className)}\n    {...props}\n  />\n);",
      "type": "registry:ui"
    }
  ]
}