{
  "name": "timeline-rtl-demo",
  "type": "registry:example",
  "files": [
    {
      "path": "examples/timeline-rtl-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: \"registration-opened\",\n    dateTime: \"2025-01-01\",\n    date: \"January 1, 2025\",\n    title: \"Registration Opened\",\n    description: \"Online registration portal opens.\",\n  },\n  {\n    id: \"early-bird-deadline\",\n    dateTime: \"2025-02-15\",\n    date: \"February 15, 2025\",\n    title: \"Early Bird Deadline\",\n    description: \"Last day for early bird pricing.\",\n  },\n  {\n    id: \"event-day\",\n    dateTime: \"2025-03-01\",\n    date: \"March 1, 2025\",\n    title: \"Event Day\",\n    description: \"Main event begins at 9:00 AM.\",\n  },\n];\n\nexport default function TimelineRtlDemo() {\n  return (\n    <Timeline dir=\"rtl\" activeIndex={1}>\n      {timelineItems.map((item) => (\n        <TimelineItem key={item.id}>\n          <TimelineDot />\n          <TimelineConnector />\n          <TimelineContent>\n            <TimelineHeader>\n              <TimelineTitle>{item.title}</TimelineTitle>\n              <TimelineTime dateTime={item.dateTime}>{item.date}</TimelineTime>\n            </TimelineHeader>\n            <TimelineDescription>{item.description}</TimelineDescription>\n          </TimelineContent>\n        </TimelineItem>\n      ))}\n    </Timeline>\n  );\n}\n",
      "target": ""
    }
  ]
}