"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5053],{3323:(e,n,t)=>{t.d(n,{i:()=>z});var r,i,a,c,o,l,u=t(96891),s=t(90542),f=t(39780),p=t(67294),g=t(63742),m=t(82856),h=t(71893),v=h.ZP.div(r||(r=(0,m.Z)(["\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: nowrap;\n"]))),d=h.ZP.span(i||(i=(0,m.Z)(["\n  line-height: ",";\n  font-weight: ",";\n  letter-spacing: ",";\n  font-size: ",";\n  color: ",";\n"])),(function(e){return e.theme.typography.captionRegular.lineHeight}),(function(e){return e.theme.typography.captionRegular.weight}),(function(e){return e.theme.typography.captionRegular.letter}),(function(e){var n=e.$size,t=e.theme.typography;return n?"".concat(n/16,"rem"):t.captionRegular.size}),(function(e){return e.theme.colors.black})),y=h.ZP.div(a||(a=(0,m.Z)(["\n  margin: ",";\n  display: flex;\n  ","\n"])),(function(e){var n=e.theme.spacing;return"-".concat(n.spacing005," 0.313rem 0 ").concat(n.spacing0025)}),(function(e){var n=e.size;return n&&"& > svg {\n  height: ".concat(n/16,"rem;\n  width: ").concat(n/16,"rem;\n}")})),b=(0,h.iv)(c||(c=(0,m.Z)(["\n  background-repeat: repeat-x;\n  background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 48.1' enable-background='new 0 0 24 48.1' xml:space='preserve'%3E%3Cpath \n  fill='","' d='M21.9,32.6C21.8,32.2,21.4,32,21,32h-5.4l-2.7-5.4c-0.3-0.7-1.4-0.7-1.8,0L8.4,32H3c-0.4,0-0.8,0.2-0.9,0.6C1.9,33,2,33.4,2.3,33.7l4.6,4.6L5,44.7c-0.1,0.4,0,0.8,0.4,1.1c0.3,0.2,0.8,0.3,1.1,0l5.4-3.6l5.4,3.6c0.2,0.1,0.4,0.2,0.6,0.2s0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.7,0.4-1.1l-1.8-6.4l4.6-4.6C22,33.4,22.1,33,21.9,32.6z'/%3E%3Cpath fill='%23CCCCCC' d='M21.9,8.6C21.8,8.2,21.4,8,21,8h-5.4l-2.7-5.4c-0.3-0.7-1.4-0.7-1.8,0L8.4,8H3C2.6,8,2.2,8.2,2.1,8.6C1.9,9,2,9.4,2.3,9.7l4.6,4.6L5,20.7c-0.1,0.4,0,0.8,0.4,1.1c0.3,0.2,0.8,0.3,1.1,0l5.4-3.6l5.4,3.6c0.2,0.1,0.4,0.2,0.6,0.2s0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.7,0.4-1.1l-1.8-6.4l4.6-4.6C22,9.4,22.1,9,21.9,8.6z'/%3E%3C/svg%3E\");\n  background-size: ","\n    auto;\n"])),(function(e){var n=e.fill;return(null===n||void 0===n?void 0:n.replace("#","%23"))||"%23333333"}),(function(e){var n=e.size,t=e.theme.spacing;return n?"".concat(n/16,"rem"):t.spacing02})),w=h.ZP.div(o||(o=(0,m.Z)(["\n  width: ","%;\n  height: 100%;\n  background-position: 0 100%;\n  ","\n"])),(function(e){return e.percent}),b),E=h.ZP.div(l||(l=(0,m.Z)(["\n  width: 100%;\n  max-width: ",";\n  height: ",";\n  overflow: hidden;\n  margin-right: 0.625rem;\n  margin-top: ",";\n  ","\n"])),(function(e){var n=e.theme.spacing,t=e.size;return t?"".concat(5*t/16,"rem"):n.spacing10}),(function(e){var n=e.theme.spacing,t=e.size;return t?"".concat(t/16,"rem"):n.spacing02}),(function(e){var n=e.theme.spacing;return"-".concat(n.spacing0025)}),b),O=["rating","opinionText","type","valuable","marginValue","handleValue","fill","size","divideInMarginValueParts"];function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function x(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){(0,u.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=function(e){var n=e.rating,t=e.opinionText,r=e.type,i=e.valuable,a=e.marginValue,c=void 0===a?10:a,o=e.handleValue,l=e.fill,u=e.size,m=e.divideInMarginValueParts,h=(0,f.Z)(e,O),b=(0,p.useState)(10*n),C=(0,s.Z)(b,2),z=C[0],P=C[1],Z=(0,p.useState)(10*n),j=(0,s.Z)(Z,2),_=j[0],k=j[1],A=m?c:10;return i?p.createElement(v,x({},h),p.createElement(E,{onMouseMove:function(e){var n,t=e.target;n=1.25*(e.clientX-t.getBoundingClientRect().left),P(100*Math.ceil(n*A/(u?6.3*u:100.8))/A)},onClick:function(){return k(z),void(o&&o((m&&z*c/10||z)/10))},onMouseLeave:function(){return P(_)},fill:l,size:u},p.createElement(w,{percent:z,fill:l,size:u}))):r&&1===r?p.createElement(v,x({},h),p.createElement(d,{$size:u},n),p.createElement(y,{size:u},p.createElement(g.J,{icon:"vote_star_filled",small:!0})),t&&p.createElement(d,{$size:u},t)):p.createElement(v,x({},h),p.createElement(E,{fill:l,size:u},p.createElement(w,{percent:10*n,fill:l,size:u})),t&&p.createElement(d,{$size:u},t))}},96996:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});var r=t(67294),i=t(26793),a=t(71893),c=t(91044),o=t(51062),l=t(3323),u=t(7730);function s(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function f(){var e=s(["\n  ","\n  margin-bottom: ",";\n"]);return f=function(){return e},e}function p(){var e=s(["\n  width: 100%;\n  margin-bottom: ",";\n"]);return p=function(){return e},e}function g(){var e=s(["\n  display: flex;\n"]);return g=function(){return e},e}function m(){var e=s(["\n  width: ",";\n"]);return m=function(){return e},e}function h(){var e=s(["\n  text-decoration: underline;\n  cursor: pointer;\n"]);return h=function(){return e},e}var v=(0,a.ZP)(c.X)(f(),o.g.header.h3,(function(e){return e.theme.spacing.spacing01})),d=a.ZP.div(p(),(function(e){return e.theme.spacing.spacing005})),y=a.ZP.div(g()),b=(0,a.ZP)(l.i)(m(),(function(e){return e.theme.spacing.spacing11})),w=(0,a.ZP)(u.Z)(h()),E=t(66676);function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function C(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a=[],c=!0,o=!1;try{for(t=t.call(e);!(c=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);c=!0);}catch(e){o=!0,i=e}finally{try{c||null==t.return||t.return()}finally{if(o)throw i}}return a}}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return O(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const x=function(e){var n=e.title,t=e.valoration,c=e.opinionsNum,o=e.className,l=e.eventName,u=void 0===l?"":l,s=C((0,i.$)(),1)[0],f=(0,a.Fg)(),p=(0,E.v)(),g=(0,r.useCallback)((function(){return p.publish({name:u})}),[p,u]);return r.createElement(d,{className:o},r.createElement(v,null,n),t?r.createElement(y,null,r.createElement(b,{rating:t,fill:f.colors.warning.main}),r.createElement(w,{typo:"body2Regular",onClick:g},"(".concat(c," ").concat(s("productDetail.titleWithRating.opinionsText"),")"))):r.createElement(w,{typo:"body2Regular",onClick:g},s("productDetail.titleWithRating.noValorationsText")))}}}]);
//# sourceMappingURL=TitleWithRating.js.map