import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import{makeStyles as o,Typography as t}from"@material-ui/core";import r from"classnames";import{isMobileDetected as l}from"../../utils/mobileDetect.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";var p=o({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 s(i){var o=i.item,s=i.textShrinked,m=p({isMobile:l});return a("div",{className:r(m.labelRoot,e({},m.croppedRoot,s)),children:[o.icon&&n("div",{className:m.labelIcon,style:{backgroundImage:"url(".concat(o.icon,")")}}),a(t,{className:m.label,children:[o.label,":"]})]})}s.propTypes={item:i.shape({key:i.string,label:i.string,icon:i.node}).isRequired,textShrinked:i.bool},s.defaultProps={textShrinked:!1};export{s as default};
