import{j as e}from"./vendor-BKmmeuxg.js";import{c as r}from"./utils-DxSsnXxD.js";const a=({step:t,title:o})=>e.jsxs("div",{className:`relative flex items-center text-red-500 ${t}`,children:[e.jsx("div",{className:r("h-4 w-4 rounded-full border-2 border-gray-300 transition duration-500 ease-in-out",t==="active"&&"border-orange-500",t==="fill"&&"border-orange-600 bg-orange-600")}),e.jsx("p",{className:r("absolute top-0 -ml-14 mt-6 w-32 text-center text-xs font-medium uppercase text-gray-500",(t==="active"||t==="fill")&&"text-orange-500"),children:o})]}),c=t=>{const{step1:o="",step2:i="",step3:n="",step4:s="",step5:l=""}=t;return e.jsxs("div",{className:"mb-20 flex items-center px-6",children:[e.jsx(a,{step:o,title:"SERVER"}),e.jsx("div",{className:r("flex-auto border-t-2 border-gray-300 transition duration-500 ease-in-out",(i==="active"||i==="fill")&&"border-orange-600")}),e.jsx(a,{step:i,title:"SETTINGS"}),e.jsx("div",{className:r("flex-auto border-t-2 border-gray-300 transition duration-500 ease-in-out",(n==="active"||n==="fill")&&"border-orange-600")}),e.jsx(a,{step:n,title:"DATABASE"}),e.jsx("div",{className:r("flex-auto border-t-2 border-gray-300 transition duration-500 ease-in-out",(s==="active"||s==="fill")&&"border-orange-600")}),e.jsx(a,{step:s,title:"ADMIN"}),e.jsx("div",{className:r("flex-auto border-t-2 border-gray-300 transition duration-500 ease-in-out",(l==="active"||l==="fill")&&"border-orange-600")}),e.jsx(a,{step:s,title:"FINISH"})]})};export{c as default};