{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-534",
  "type": "registry:component",
  "title": "Comp 534",
  "description": "Comp 534",
  "files": [
    {
      "path": "registry/ui-basic/comp-534.tsx",
      "content": "import {\n\tTimeline,\n\tTimelineContent,\n\tTimelineDate,\n\tTimelineHeader,\n\tTimelineIndicator,\n\tTimelineItem,\n\tTimelineSeparator,\n\tTimelineTitle,\n} from \"@/components/ui/timeline\";\nimport { CheckIcon } from \"lucide-react\";\n\nconst items = [\n\t{\n\t\tid: 1,\n\t\tdate: \"Mar 15, 2024\",\n\t\ttitle: \"Project Kickoff\",\n\t\tdescription:\n\t\t\t\"Initial team meeting and project scope definition. Established key milestones and resource allocation.\",\n\t},\n\t{\n\t\tid: 2,\n\t\tdate: \"Mar 22, 2024\",\n\t\ttitle: \"Design Phase\",\n\t\tdescription:\n\t\t\t\"Completed wireframes and user interface mockups. Stakeholder review and feedback incorporated.\",\n\t},\n\t{\n\t\tid: 3,\n\t\tdate: \"Apr 5, 2024\",\n\t\ttitle: \"Development Sprint\",\n\t\tdescription:\n\t\t\t\"Backend API implementation and frontend component development in progress.\",\n\t},\n\t{\n\t\tid: 4,\n\t\tdate: \"Apr 19, 2024\",\n\t\ttitle: \"Testing & Deployment\",\n\t\tdescription:\n\t\t\t\"Quality assurance testing, performance optimization, and production deployment preparation.\",\n\t},\n];\n\nexport default function Component() {\n\treturn (\n\t\t<Timeline defaultValue={3}>\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=vertical]/timeline:ms-10\"\n\t\t\t\t>\n\t\t\t\t\t<TimelineHeader>\n\t\t\t\t\t\t<TimelineSeparator className=\"group-data-[orientation=vertical]/timeline:-left-7 group-data-[orientation=vertical]/timeline:h-[calc(100%-1.5rem-0.25rem)] group-data-[orientation=vertical]/timeline:translate-y-6.5\" />\n\t\t\t\t\t\t<TimelineDate>{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-completed/timeline-item:bg-primary group-data-completed/timeline-item:text-primary-foreground flex size-6 items-center justify-center group-data-completed/timeline-item:border-none group-data-[orientation=vertical]/timeline:-left-7\">\n\t\t\t\t\t\t\t<CheckIcon\n\t\t\t\t\t\t\t\tclassName=\"group-not-data-completed/timeline-item:hidden\"\n\t\t\t\t\t\t\t\tsize={16}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TimelineIndicator>\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"
    }
  ]
}