"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[34],{216:(s,e,a)=>{a.d(e,{a:()=>g});var r=a(0),t=a(3),i=a(217),n=a(2);const{wrapper:c,wrapperRow:l,wrapperRowBar:p,wrapperRowBarBg:j,wrapperRowBarFilled:o,wrapperRowPercentages:w,wrapperRowStar:d}=i.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,i)=>{if(r.length!==i+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:c},{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:p},{children:(0,r.jsx)("div",Object.assign({className:j},{children:(0,r.jsx)("div",{className:o,style:{width:`${a[s]}%`}})}))})),(0,r.jsx)("p",Object.assign({className:w},{children:`${a[s]}%`}))]}))))}))}},214:(s,e,a)=>{a.d(e,{a:()=>d});var r=a(0),t=a(1),i=a(3),n=a(29),c=a(215);const{wrapper:l,wrapperRating:p,wrapperStarsRow:j,wrapperStarsRowStars:o,wrapperStarsRowReviewsCount:w}=c.a,d=({reviewsAmount:s,amountAllReviews:e,starsColorVariant:a,reviewsCountSuffix:c})=>{const{stars:d,emptyStars:h,halfStar:g,ratingToDisplay:m}=(0,n.a)(s),u="default"===a?"black":"yellow";return(0,r.jsxs)("div",Object.assign({className:l},{children:[(0,r.jsx)("p",Object.assign({className:p,id:"ReviewsHeading"},{children:m})),(0,r.jsx)("div",Object.assign({className:j},{children:e>0?(0,r.jsxs)(t.Fragment,{children:[(0,r.jsxs)("div",Object.assign({className:o},{children:[d.map(((s,e)=>(0,r.jsx)(i.j,{starColor:u},`star${e}`))),g&&(0,r.jsx)(i.B,{starColor:u}),h.length>0&&h.map(((s,e)=>(0,r.jsx)(i.hb,{starColor:u},`emptyStar${e}`)))]})),(0,r.jsx)("p",Object.assign({className:w},{children:`(${e} ${c})`}))]}):null}))]}))}}}]);