Timeline

import {
  Timeline,
  TimelineItem,
  TimelineIcon,
  TimelineContent,
  TimelineTitle,
  TimelineDescription,
  TimelineTime,
} from "@msub-core/ui/components/timeline"

function MyComponent() {
  return (
    <Timeline>
      <TimelineItem status="success">
        <TimelineIcon>
          <CheckCircle2 className="h-4 w-4" />
        </TimelineIcon>
        <TimelineContent>
          <TimelineTitle>작업 완료</TimelineTitle>
          <TimelineDescription>
            프로젝트가 성공적으로 배포되었습니다.
          </TimelineDescription>
          <TimelineTime>2시간 전</TimelineTime>
        </TimelineContent>
      </TimelineItem>
    </Timeline>
  )
}