{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-541",
  "type": "registry:component",
  "title": "Comp 541",
  "description": "Comp 541",
  "files": [
    {
      "path": "registry/ui-basic/comp-541.tsx",
      "content": "import {\n\tTimeline,\n\tTimelineContent,\n\tTimelineDate,\n\tTimelineHeader,\n\tTimelineIndicator,\n\tTimelineItem,\n\tTimelineSeparator,\n\tTimelineTitle,\n} from \"@/components/ui/timeline\";\n\nconst items = [\n\t{\n\t\tid: 1,\n\t\tdate: \"Mar 15, 2024\",\n\t\ttitle: \"Project Kickoff\",\n\t\tdescription: \"Initial team meeting.\",\n\t},\n\t{\n\t\tid: 2,\n\t\tdate: \"Mar 22, 2024\",\n\t\ttitle: \"Design Phase\",\n\t\tdescription: \"Completed wireframes.\",\n\t},\n\t{\n\t\tid: 3,\n\t\tdate: \"Apr 5, 2024\",\n\t\ttitle: \"Development Sprint\",\n\t\tdescription: \"Backend development.\",\n\t},\n\t{\n\t\tid: 4,\n\t\tdate: \"Apr 19, 2024\",\n\t\ttitle: \"Testing & Deployment\",\n\t\tdescription: \"Performance optimization.\",\n\t},\n];\n\nexport default function Component() {\n\treturn (\n\t\t<Timeline defaultValue={3} orientation=\"horizontal\">\n\t\t\t{items.map((item) => (\n\t\t\t\t<TimelineItem\n\t\t\t\t\tkey={item.id}\n\t\t\t\t\tstep={item.id}\n\t\t\t\t\tclassName=\"group-data-[orientation=horizontal]/timeline:mt-0\"\n\t\t\t\t>\n\t\t\t\t\t<TimelineHeader>\n\t\t\t\t\t\t<TimelineSeparator className=\"group-data-[orientation=horizontal]/timeline:top-8\" />\n\t\t\t\t\t\t<TimelineDate className=\"mb-10\">{item.date}</TimelineDate>\n\t\t\t\t\t\t<TimelineTitle>{item.title}</TimelineTitle>\n\t\t\t\t\t\t<TimelineIndicator className=\"group-data-[orientation=horizontal]/timeline:top-8\" />\n\t\t\t\t\t</TimelineHeader>\n\t\t\t\t\t<TimelineContent>{item.description}</TimelineContent>\n\t\t\t\t</TimelineItem>\n\t\t\t))}\n\t\t</Timeline>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}