"use strict";function _templateObject6(){var e=_taggedTemplateLiteral(["\n  position: relative;\n"]);return _templateObject6=function(){return e},e}function _templateObject5(){var e=_taggedTemplateLiteral(["\n      color: white;\n      background: ",";\n    "]);return _templateObject5=function(){return e},e}function _templateObject4(){var e=_taggedTemplateLiteral(["\n  height: 48px;\n  width: 48px;\n  border-radius: 50%;\n  background: transparent;\n  color: ",";\n  margin: 4px;\n\n  ","\n"]);return _templateObject4=function(){return e},e}function _templateObject3(){var e=_taggedTemplateLiteral(["\n  max-width: 80px;\n  text-align: center;\n  font-size: 12px;\n  margin-bottom: 10px;\n"]);return _templateObject3=function(){return e},e}function _templateObject2(){var e=_taggedTemplateLiteral(["\n      border: 2px solid ",";\n    "]);return _templateObject2=function(){return e},e}function _templateObject(){var e=_taggedTemplateLiteral(["\n  height: 90px;\n  width: 90px;\n  border-radius: 50%;\n  margin-bottom: 10px;\n  padding: 5px;\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-clip: content-box;\n\n  ","\n"]);return _templateObject=function(){return e},e}function _taggedTemplateLiteral(e,t){return t=t||e.slice(0),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var CardStyles=window.styled.div(_templateObject(),function(e){return e.isActive&&window.styled.css(_templateObject2(),e.theme.primary)}),Label=window.styled.div(_templateObject3()),ToolbarItemStyles=window.styled.li(_templateObject4(),function(e){return e.theme.foreground},function(e){return e.isActive&&window.styled.css(_templateObject5(),e.theme.primary)}),RelativeDiv=window.styled.div(_templateObject6()),ItemCard=function(e){var t=e.image,n=e.label,r=e.isActive,a=e.onClick,e=e.tool;return React.createElement("div",null,React.createElement(CardStyles,{onClick:a,style:{backgroundImage:"url(".concat(t,")"),padding:"5px",backgroundSize:"transform"!==e?"cover":"unset"},isActive:r}),React.createElement(Label,null,n))},CategoryCard=function(e){var t=e.image,n=e.label,e=e.onClick;return React.createElement("div",null,React.createElement(CardStyles,{style:{backgroundImage:"url(".concat(t,")"),width:"180px",height:"50px",borderRadius:"4px"},onClick:e}),React.createElement(Label,{style:{maxWidth:"180px"}},n))},ToolbarItem=function(e){var t=e.icon,n=e.label,r=e.isActive,e=e.onClick;return React.createElement(RelativeDiv,null,React.createElement(ToolbarItemStyles,{isActive:r,onClick:e},t),r&&React.createElement(Label,{style:{maxWidth:"48px",margin:"4px"}},n))};