import{G as c,r as a,j as t}from"./index-5EzIKamN.js";function i(s){return c({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M12 18a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"},child:[]}]})(s)}const m=({progressWidth:s,textColor:e,setTextColor:r})=>{const[d,l]=a.useState("0%");return a.useEffect(()=>{l(s)},[s]),t.jsxs("div",{className:"w-full",children:[t.jsxs("div",{className:"flex justify-between items-center gap-4",children:[t.jsx("h2",{className:`font-medium text-sm text-center md:text-base ${e==="price"||e==="details"||e==="address"||e==="slot"?"text-blue-500":"text-black"}`,children:"Check Price"}),t.jsx("h2",{className:`font-medium text-sm text-center md:text-base ${e==="details"||e==="address"||e==="slot"?"text-blue-500":"text-black"}`,children:"Product Details"}),t.jsx("h2",{className:`font-medium text-sm text-center md:text-base ${e==="address"||e==="slot"?"text-blue-500":"text-black"}`,children:"Add Address"}),t.jsx("h2",{className:`font-medium text-sm text-center md:text-base ${e==="slot"?"text-blue-500":"text-black"}`,children:"Add Date & Time"})]}),t.jsx("div",{className:"w-full rounded-full h-2.5 mb-4 mt-4 bg-gray-300",children:t.jsx("div",{className:"bg-[#2382dc] h-2.5 rounded-full relative",style:{width:d,transition:"width 1s ease-out"},children:t.jsx("div",{className:"absolute top-[-5.3px] right-[-5px]",children:t.jsx(i,{className:"text-xl text-white"})})})})]})};export{m as default};