{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "logo-timeline-demo",
  "title": "Logo Timeline Demo",
  "description": "A demo showcasing the animated multi-row Logo Timeline component with infinite scrolling and staggered item motion.",
  "registryDependencies": [
    "@gammaui/logo-timeline"
  ],
  "files": [
    {
      "path": "registry/example/logo-timeline-demo.tsx",
      "content": "import {\n  IconBrandApple,\n  IconBrandDiscord,\n  IconBrandGithub,\n  IconBrandGoogleDrive,\n  IconBrandMessenger,\n  IconBrandNotion,\n  IconBrandOpenai,\n  IconBrandPaypal,\n  IconBrandReact,\n  IconBrandTailwind,\n  IconBrandTypescript,\n  IconBrandWhatsapp,\n  IconBrandX,\n} from \"@tabler/icons-react\"\n\nimport { LogoTimeline } from \"@/registry/gammaui/logo-timeline\"\nimport type { LogoItem } from \"@/registry/gammaui/logo-timeline\"\n\nconst logos: LogoItem[] = [\n  // Row 1 - Communication & Social (2 logos, 50s duration, spaced 25s apart)\n  {\n    label: \"Discord\",\n    icon: <IconBrandDiscord />,\n    animationDelay: -50,\n    animationDuration: 50,\n    row: 1,\n  },\n  {\n    label: \"X (Twitter)\",\n    icon: <IconBrandX />,\n    animationDelay: -25,\n    animationDuration: 50,\n    row: 1,\n  },\n  // Row 2 - Development Tools (2 logos, 45s duration, spaced 22.5s apart)\n  {\n    label: \"GitHub\",\n    icon: <IconBrandGithub />,\n    animationDelay: -45,\n    animationDuration: 45,\n    row: 2,\n  },\n  {\n    label: \"React\",\n    icon: <IconBrandReact />,\n    animationDelay: -22.5,\n    animationDuration: 45,\n    row: 2,\n  },\n  // Row 3 - Development Tools Continued (3 logos, 60s duration, spaced 20s apart)\n  {\n    label: \"TypeScript\",\n    icon: <IconBrandTypescript />,\n    animationDelay: -60,\n    animationDuration: 60,\n    row: 3,\n  },\n  {\n    label: \"Tailwind\",\n    icon: <IconBrandTailwind />,\n    animationDelay: -40,\n    animationDuration: 60,\n    row: 3,\n  },\n\n  // Row 4 - Productivity & Cloud (2 logos, 55s duration, spaced 27.5s apart)\n  {\n    label: \"Google Drive\",\n    icon: <IconBrandGoogleDrive />,\n    animationDelay: -55,\n    animationDuration: 55,\n    row: 4,\n  },\n  {\n    label: \"Notion\",\n    icon: <IconBrandNotion />,\n    animationDelay: -27.5,\n    animationDuration: 55,\n    row: 4,\n  },\n  // Row 5 - Messaging (2 logos, 50s duration, spaced 25s apart)\n  {\n    label: \"WhatsApp\",\n    icon: <IconBrandWhatsapp />,\n    animationDelay: -50,\n    animationDuration: 50,\n    row: 5,\n  },\n  {\n    label: \"Messenger\",\n    icon: <IconBrandMessenger />, // Placeholder icon\n    animationDelay: -25,\n    animationDuration: 50,\n    row: 5,\n  },\n  // Row 6 - AI & Automation (3 logos, 65s duration, spaced ~21.5s apart)\n  {\n    label: \"OpenAI\",\n    icon: <IconBrandOpenai />, // Placeholder icon\n    animationDelay: -65,\n    animationDuration: 65,\n    row: 6,\n  },\n\n  // Row 7 - Payment & Services (2 logos, 50s duration, spaced 25s apart)\n  {\n    label: \"PayPal\",\n    icon: <IconBrandPaypal />, // Placeholder icon\n    animationDelay: -50,\n    animationDuration: 50,\n    row: 7,\n  },\n  {\n    label: \"Apple\",\n    icon: <IconBrandApple />, // Placeholder icon\n    animationDelay: -25,\n    animationDuration: 50,\n    row: 7,\n  },\n]\n\nexport function LogoTimelineDemo() {\n  return (\n    <div className=\"w-full overflow-hidden\">\n      <LogoTimeline\n        items={logos}\n        title=\"Built with the best tools\"\n        height=\"h-[400px] sm:h-[400px]\"\n        iconSize={18}\n        showRowSeparator={true}\n      />\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}