https://www.prettylittlething.com/build/_shared/chunk-UVIKTRJH.js

1import{a as v}from"/build/_shared/chunk-UXJUA2QE.js";import{a as P}from"/build/_shared/chunk-5OBEDPFR.js";import{a as W}from"/build/_shared/chunk-H6S7FWVP.js";import{d as m}from"/build/_shared/chunk-T36URGAI.js";var r=m(W());var e=m(P()),F=y=>{let{className:s,innerClassName:o,count:$,total:x,slidingProgressBar:p,splitProgressBar:B,animateProgressBar:l,darkPrimaryColour:T,ratingDescription:w}=y,t=Math.min($/x*100,100),u=(0,r.useRef)(null),a=(0,r.useRef)(null),d=(0,r.useRef)(!1),[k,R]=(0,r.useState)(0),[b,i]=(0,r.useState)(l?0:t),[A,n]=(0,r.useState)(!1),c=T?"bg-primary-dark":"bg-primary";(0,r.useEffect)(()=>{u.current&&R(u.current.offsetWidth)},[]),(0,r.useEffect)(()=>(l?(a.current&&clearTimeout(a.current),d.current?(n(!1),a.current=setTimeout(()=>{n(!0),i(t)},100)):(d.current=!0,i(0),n(!1),a.current=setTimeout(()=>{requestAnimationFrame(()=>{n(!0),i(t)})},500))):(d.current=!0,n(!1),i(t)),()=>{a.current&&clearTimeout(a.current)}),[t,l]);let N=()=>{let h=[0,20,40,60,80],S=l?b:t;return h.map((D,f)=>(0,e.jsx)("div",{className:`h-full w-1/5 ${S>D?c:"bg-grey-2"} ${f===0?"rounded-l-full":""} ${f===h.length-1?"rounded-r-full":""}`},f))},g=l?b:t;return B?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:`${s!=null?s:""} h-[7px] w-[117px] bg-grey-2 relative rounded-full`,children:(0,e.jsx)("div",{"data-test-id":`progress-bar-${g}`,className:`${o!=null?o:""} flex gap-0.5 bg-site-background w-full h-full rounded-full`,children:N()})}),(0,e.jsx)(v,{className:"text-sm font-light text-grey-4 text-left w-[60px]",children:w})]}):(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{ref:u,className:`${s!=null?s:""} h-[5px] w-full bg-grey-2 relative rounded-full`,children:(0,e.jsx)("div",{"data-test-id":`progress-bar-${g}`,className:`${o!=null?o:""} ${p?"bg-grey-2 flex justify-end":c} h-full rounded-full ${l&&A?"transition-all duration-1000 ease-out":""}`,style:{width:`${g}%`},children:p?(0,e.jsx)("div",{className:`h-full ${c} rounded-full`,style:{width:`${.15*k}px`}}):null})})})};export{F as a};