{
  "name": "timeline-horizontal-alternate-demo",
  "type": "registry:example",
  "files": [
    {
      "path": "examples/timeline-horizontal-alternate-demo.tsx",
      "type": "registry:example",
      "content": "import {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineDescription,\n  TimelineDot,\n  TimelineHeader,\n  TimelineItem,\n  TimelineTime,\n  TimelineTitle,\n} from \"@/registry/bases/radix/ui/timeline\";\n\nconst timelineItems = [\n  {\n    id: \"company-founded\",\n    dateTime: \"2023-06\",\n    date: \"June 2023\",\n    title: \"Company Founded\",\n    description: \"Started with a team of five.\",\n  },\n  {\n    id: \"series-a-funding\",\n    dateTime: \"2024-03\",\n    date: \"March 2024\",\n    title: \"Series A Funding\",\n    description: \"Raised $10M seed funding.\",\n  },\n  {\n    id: \"product-launch\",\n    dateTime: \"2025-01\",\n    date: \"January 2025\",\n    title: \"Product Launch\",\n    description: \"Released MVP to beta testers.\",\n  },\n];\n\nexport default function TimelineHorizontalAlternateDemo() {\n  return (\n    <Timeline variant=\"alternate\" orientation=\"horizontal\" activeIndex={1}>\n      {timelineItems.map((item) => (\n        <TimelineItem key={item.id}>\n          <TimelineDot />\n          <TimelineConnector />\n          <TimelineContent>\n            <TimelineHeader>\n              <TimelineTime dateTime={item.dateTime}>{item.date}</TimelineTime>\n              <TimelineTitle>{item.title}</TimelineTitle>\n            </TimelineHeader>\n            <TimelineDescription>{item.description}</TimelineDescription>\n          </TimelineContent>\n        </TimelineItem>\n      ))}\n    </Timeline>\n  );\n}\n",
      "target": ""
    }
  ]
}