"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),i=require("@material-ui/core"),r=require("classnames"),l=require("../../utils/mobileDetect.js"),a=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),s=o(t),d=o(r),u=i.makeStyles({labelRoot:{display:"flex",alignItems:"flex-start",height:function(e){return!e.isMobile&&16}},croppedRoot:{overflow:"hidden",marginRight:"10px","& $label":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},labelIcon:{width:16,height:16,minWidth:16,minHeight:16,marginRight:"8px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},label:{color:"#9E9E9E",fontSize:"14px",lineHeight:"16px"}});function c(e){var t=e.item,r=e.textShrinked,o=u({isMobile:l.isMobileDetected});return a.jsxs("div",{className:d.default(o.labelRoot,n.default({},o.croppedRoot,r)),children:[t.icon&&a.jsx("div",{className:o.labelIcon,style:{backgroundImage:"url(".concat(t.icon,")")}}),a.jsxs(i.Typography,{className:o.label,children:[t.label,":"]})]})}c.propTypes={item:s.default.shape({key:s.default.string,label:s.default.string,icon:s.default.node}).isRequired,textShrinked:s.default.bool},c.defaultProps={textShrinked:!1},module.exports=c;
