{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-535",
  "type": "registry:component",
  "registryDependencies": [
    "https://coss.com/origin/r/timeline.json"
  ],
  "files": [
    {
      "path": "registry/default/components/comp-535.tsx",
      "content": "import { GitCompare, GitFork, GitMerge, GitPullRequest } from \"lucide-react\";\n\nimport {\n  Timeline,\n  TimelineContent,\n  TimelineDate,\n  TimelineHeader,\n  TimelineIndicator,\n  TimelineItem,\n  TimelineSeparator,\n  TimelineTitle,\n} from \"@/registry/default/ui/timeline\";\n\nconst items = [\n  {\n    date: \"15 minutes ago\",\n    description:\n      \"Forked the repository to create a new branch for development.\",\n    icon: GitFork,\n    id: 1,\n    title: \"Forked Repository\",\n  },\n  {\n    date: \"10 minutes ago\",\n    description:\n      \"Submitted PR #342 with new feature implementation. Waiting for code review from team leads.\",\n    icon: GitPullRequest,\n    id: 2,\n    title: \"Pull Request Submitted\",\n  },\n  {\n    date: \"5 minutes ago\",\n    description:\n      \"Received comments on PR. Minor adjustments needed in error handling and documentation.\",\n    icon: GitCompare,\n    id: 3,\n    title: \"Comparing Branches\",\n  },\n  {\n    description:\n      \"Merged the feature branch into the main branch. Ready for deployment.\",\n    icon: GitMerge,\n    id: 4,\n    title: \"Merged Branch\",\n  },\n];\n\nexport default function Component() {\n  return (\n    <Timeline defaultValue={3}>\n      {items.map((item) => (\n        <TimelineItem\n          className=\"group-data-[orientation=vertical]/timeline:ms-10\"\n          key={item.id}\n          step={item.id}\n        >\n          <TimelineHeader>\n            <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            <TimelineTitle className=\"mt-0.5\">{item.title}</TimelineTitle>\n            <TimelineIndicator className=\"group-data-[orientation=vertical]/timeline:-left-7 flex size-6 items-center justify-center border-none bg-primary/10 group-data-completed/timeline-item:bg-primary group-data-completed/timeline-item:text-primary-foreground\">\n              <item.icon size={14} />\n            </TimelineIndicator>\n          </TimelineHeader>\n          <TimelineContent>\n            {item.description}\n            <TimelineDate className=\"mt-2 mb-0\">{item.date}</TimelineDate>\n          </TimelineContent>\n        </TimelineItem>\n      ))}\n    </Timeline>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "colSpan": 2,
    "tags": [
      "timeline",
      "vertical timeline"
    ]
  }
}