import{Box as i,Flex as o,Link as u,Spinner as g,Text as t}from"@chakra-ui/react";import{CheckCircleIcon as x,ExternalLinkIcon as p,WarningIcon as f}from"@chakra-ui/icons";import{jsx as e,jsxs as r}from"react/jsx-runtime";var b=({failed:l,completed:n,inProgress:a,title:s,isLast:d,hasLink:c,link:m})=>r(o,{align:"center",h:10,children:[e(i,{h:1,w:1,bg:"foreground",borderRadius:"50%",position:"relative",_after:!d&&{content:'""',position:"absolute",top:"1",left:"50%",border:"1px solid",borderColor:n?"mutedForeground":"muted",height:"9",transform:"translateX(-50%)"}}),r(o,{alignItems:"center",children:[e(t,{ml:4,children:s}),c&&e(u,{href:m,isExternal:!0,children:e(p,{ml:"10px",cursor:"pointer"})})]}),e(o,{ml:"auto",children:l?r(o,{align:"center",children:[e(t,{fontSize:"sm",color:"destructive",mr:1,children:"Failed"}),e(f,{color:"destructive"})]}):n?e(x,{}):a?r(o,{align:"center",children:[e(t,{fontSize:"sm",color:"mutedForeground",mr:1,children:"In progress"}),e(g,{color:"mutedForeground",size:"sm"})]}):e(i,{h:4,w:4,borderRadius:"50%",color:"mutedForeground",border:"2px solid"})})]}),k=b;export{k as default};
