"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[28],{187:(s,e,a)=>{a.d(e,{a:()=>g});var r=a(0),t=a(3),c=a(188),n=a(2);const{wrapper:i,wrapperRow:l,wrapperRowBar:j,wrapperRowBarBg:p,wrapperRowBarFilled:o,wrapperRowPercentages:w,wrapperRowStar:d}=c.a,h={1:0,2:0,3:0,4:0,5:0},g=({reviews:s})=>{const e=s.length,a=(0,n.useMemo)((()=>{const a=s.reduce(((s,e)=>{const a=e.reviewRating,r=s[a];return Object.assign(Object.assign({},s),{[a]:r+1})}),h),r=Object.keys(a);let t=0;return r.forEach(((s,c)=>{if(r.length!==c+1){const r=Math.round(100*a[s]/e);t+=r,a[s]=r}else a[s]=100-t})),a}),[s]);return(0,r.jsx)("div",Object.assign({className:i},{children:Object.keys(a).reverse().map((s=>(0,r.jsxs)("div",Object.assign({className:l},{children:[(0,r.jsxs)("div",Object.assign({className:d},{children:[(0,r.jsx)(t.j,{}),(0,r.jsx)("p",{children:s})]})),(0,r.jsx)("div",Object.assign({className:j},{children:(0,r.jsx)("div",Object.assign({className:p},{children:(0,r.jsx)("div",{className:o,style:{width:`${a[s]}%`}})}))})),(0,r.jsx)("p",Object.assign({className:w},{children:`${a[s]}%`}))]}))))}))}},185:(s,e,a)=>{a.d(e,{a:()=>w});var r=a(0),t=a(1),c=a(3),n=a(22),i=a(186);const{wrapper:l,wrapperStarsRow:j,wrapperStarsRowStars:p,wrapperStarsRowReviewsCount:o}=i.a,w=({reviewsAmount:s,amountAllReviews:e,starsColorVariant:a,reviewsCountSuffix:i})=>{const{stars:w,emptyStars:d,halfStar:h,ratingToDisplay:g}=(0,n.a)(s),m="default"===a?"black":"yellow";return(0,r.jsxs)("div",Object.assign({className:l},{children:[(0,r.jsx)("h4",{children:g}),(0,r.jsx)("div",Object.assign({className:j},{children:e>0?(0,r.jsxs)(t.Fragment,{children:[(0,r.jsxs)("div",Object.assign({className:p},{children:[w.map(((s,e)=>(0,r.jsx)(c.j,{starColor:m},`star${e}`))),h&&(0,r.jsx)(c.z,{starColor:m}),d.length>0&&d.map(((s,e)=>(0,r.jsx)(c.eb,{starColor:m},`emptyStar${e}`)))]})),(0,r.jsx)("p",Object.assign({className:o},{children:`(${e} ${i})`}))]}):null}))]}))}}}]);