{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "logo-timeline-demo",
  "title": "logo-timeline-demo",
  "description": "Example showing a logo-timeline-demo component.",
  "registryDependencies": [
    "@eldoraui/logo-timeline"
  ],
  "files": [
    {
      "path": "registry/example/logo-timeline-demo.tsx",
      "content": "import { LogoTimeline } from \"@/registry/eldoraui/logo-timeline\"\nimport type { LogoItem } from \"@/registry/eldoraui/logo-timeline\"\n\nconst logos: LogoItem[] = [\n  // Row 1 - Communication & Social (2 logos, 50s duration, spaced 25s apart)\n  {\n    label: \"Discord\",\n    icon: \"discord\",\n    animationDelay: -50,\n    animationDuration: 50,\n    row: 1,\n  },\n  {\n    label: \"Twitter\",\n    icon: \"twitter\",\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: \"gitHub\",\n    animationDelay: -45,\n    animationDuration: 45,\n    row: 2,\n  },\n  {\n    label: \"React\",\n    icon: \"react\",\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: \"ts\",\n    animationDelay: -60,\n    animationDuration: 60,\n    row: 3,\n  },\n  {\n    label: \"Tailwind\",\n    icon: \"tailwind\",\n    animationDelay: -40,\n    animationDuration: 60,\n    row: 3,\n  },\n  {\n    label: \"Radix UI\",\n    icon: \"radix\",\n    animationDelay: -20,\n    animationDuration: 60,\n    row: 3,\n  },\n  // Row 4 - Productivity & Cloud (2 logos, 55s duration, spaced 27.5s apart)\n  {\n    label: \"Google Drive\",\n    icon: \"googleDrive\",\n    animationDelay: -55,\n    animationDuration: 55,\n    row: 4,\n  },\n  {\n    label: \"Notion\",\n    icon: \"notion\",\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: \"whatsapp\",\n    animationDelay: -50,\n    animationDuration: 50,\n    row: 5,\n  },\n  {\n    label: \"Messenger\",\n    icon: \"messenger\",\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: \"openai\",\n    animationDelay: -65,\n    animationDuration: 65,\n    row: 6,\n  },\n  {\n    label: \"Zapier\",\n    icon: \"zapier\",\n    animationDelay: -43,\n    animationDuration: 65,\n    row: 6,\n  },\n  {\n    label: \"v0\",\n    icon: \"v0\",\n    animationDelay: -21.5,\n    animationDuration: 65,\n    row: 6,\n  },\n  // Row 7 - Payment & Services (2 logos, 50s duration, spaced 25s apart)\n  {\n    label: \"PayPal\",\n    icon: \"paypal\",\n    animationDelay: -50,\n    animationDuration: 50,\n    row: 7,\n  },\n  {\n    label: \"Apple Pay\",\n    icon: \"applePay\",\n    animationDelay: -25,\n    animationDuration: 50,\n    row: 7,\n  },\n]\n\nexport default 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-[500px]\"\n        iconSize={18}\n        showRowSeparator={true}\n      />\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}