import{j as e,a}from"./jsx-runtime-5BUNAZ9W.js";import{c as l}from"./cn-466VSCev.js";import{c as y}from"./index-polp_dyw.js";import{c as f}from"./createLucideIcon-SOGh5HrW.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";const w=f("Wallet",[["path",{d:"M21 12V7H5a2 2 0 0 1 0-4h14v4",key:"195gfw"}],["path",{d:"M3 5v14a2 2 0 0 0 2 2h16v-5",key:"195n9w"}],["path",{d:"M18 12a2 2 0 0 0 0 4h4v-4Z",key:"vllfpd"}]]),h=({children:n,className:i,...t})=>e("ol",{className:l("relative",i),...t,children:n}),v=y("",{variants:{size:{xs:"left-[-0.5rem] h-4 w-4",sm:"-left-3 h-6 w-6"}},defaultVariants:{size:"sm"}}),r=({children:n,className:i,size:t,...c})=>e("div",{className:i,...c,children:e("span",{className:l("absolute z-20 flex items-center justify-center rounded-full",v({size:t})),children:n})}),o=({children:n,className:i,...t})=>e("div",{className:l("pb-4",i),...t,children:n}),s=({children:n,className:i,...t})=>e("li",{className:l("pl-6 border-l border-border-strong last:border-0",i),...t,children:n}),x=y("",{variants:{size:{xs:"text-sm font-semibold text-text",sm:"text-base font-semibold text-text"}},defaultVariants:{size:"sm"}}),m=({children:n,className:i,size:t,...c})=>e("h1",{className:l(x({size:t}),i),...c,children:n}),b=y("",{variants:{size:{xs:"text-xs font-normal text-text-weak",sm:"text-base font-normal text-text-weak"}},defaultVariants:{size:"sm"}}),d=({children:n,className:i,size:t,...c})=>e("div",{className:l(b({size:t}),i),...c,children:n}),p=({children:n,className:i,...t})=>e("time",{className:l("text-sm font-normal leading-none text-text",i),...t,children:n});try{h.displayName="Timeline",h.__docgenInfo={description:"",displayName:"Timeline",props:{}}}catch{}try{o.displayName="TimelineContent",o.__docgenInfo={description:"",displayName:"TimelineContent",props:{}}}catch{}try{s.displayName="TimelineItem",s.__docgenInfo={description:"",displayName:"TimelineItem",props:{}}}catch{}try{r.displayName="TimelinePoint",r.__docgenInfo={description:"",displayName:"TimelinePoint",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'}]}}}}}catch{}try{m.displayName="TimelineTitle",m.__docgenInfo={description:"",displayName:"TimelineTitle",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'}]}}}}}catch{}try{d.displayName="TimelineBody",d.__docgenInfo={description:"",displayName:"TimelineBody",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'}]}}}}}catch{}try{p.displayName="TimelineTime",p.__docgenInfo={description:"",displayName:"TimelineTime",props:{}}}catch{}const S={title:"ui/Timeline",component:h,tags:["autodocs"],argTypes:{}},T={render:n=>a(h,{children:[a(s,{children:[e(r,{children:"Hi"}),a(o,{children:[e(p,{children:"February 2022"}),e(m,{children:"Application UI code in Tailwind CSS"}),e(d,{children:"Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages."})]})]}),a(s,{children:[e(r,{children:"Hi"}),a(o,{children:[e(p,{children:"March 2022"}),e(m,{children:"Marketing UI design in Figma"}),e(d,{children:"All of the pages and components are first designed in Figma and we keep a parity between the two versions even as we update the project."})]})]}),a(s,{children:[e(r,{children:"L"}),a(o,{children:[e(m,{children:"E-Commerce UI code in Tailwind CSS"}),e(d,{children:"Get started with dozens of web components and interactive elements built on top of Tailwind CSS."})]})]}),a(s,{children:[e(r,{children:e("span",{className:"inline-flex p-1",children:e(w,{className:"h-3 w-3 text-text"})})}),a(o,{children:[e(p,{children:"December 2023"}),e(m,{children:"Everything else is secondary"}),e(d,{children:"Have the courage to follow your heart and intuition. They somehow know what you truly want to become."})]})]})]}),args:{}};var u,_,g;T.parameters={...T.parameters,docs:{...(u=T.parameters)==null?void 0:u.docs,source:{originalSource:`{
  render: args => <Timeline>
      <TimelineItem>
        <TimelinePoint>Hi</TimelinePoint>
        <TimelineContent>
          <TimelineTime>February 2022</TimelineTime>
          <TimelineTitle>Application UI code in Tailwind CSS</TimelineTitle>
          <TimelineBody>
            Get access to over 20+ pages including a dashboard layout, charts,
            kanban board, calendar, and pre-order E-commerce & Marketing pages.
          </TimelineBody>
        </TimelineContent>
      </TimelineItem>
      <TimelineItem>
        <TimelinePoint>Hi</TimelinePoint>
        <TimelineContent>
          <TimelineTime>March 2022</TimelineTime>
          <TimelineTitle>Marketing UI design in Figma</TimelineTitle>
          <TimelineBody>
            All of the pages and components are first designed in Figma and we
            keep a parity between the two versions even as we update the
            project.
          </TimelineBody>
        </TimelineContent>
      </TimelineItem>
      <TimelineItem>
        <TimelinePoint>L</TimelinePoint>
        <TimelineContent>
          <TimelineTitle>E-Commerce UI code in Tailwind CSS</TimelineTitle>
          <TimelineBody>
            Get started with dozens of web components and interactive elements
            built on top of Tailwind CSS.
          </TimelineBody>
        </TimelineContent>
      </TimelineItem>
      <TimelineItem>
        <TimelinePoint>
          <span className="inline-flex p-1">
            <Wallet className="h-3 w-3 text-text" />
          </span>
        </TimelinePoint>
        <TimelineContent>
          <TimelineTime>December 2023</TimelineTime>
          <TimelineTitle>Everything else is secondary</TimelineTitle>
          <TimelineBody>
            Have the courage to follow your heart and intuition. They somehow
            know what you truly want to become.
          </TimelineBody>
        </TimelineContent>
      </TimelineItem>
    </Timeline>,
  args: {}
}`,...(g=(_=T.parameters)==null?void 0:_.docs)==null?void 0:g.source}}};const P=["Base"];export{T as Base,P as __namedExportsOrder,S as default};
