import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import styled from 'styled-components';

var _templateObject;
var IconWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  cursor: pointer;\n  &.AddWrapper {\n    display: inline-flex;\n    align-items: center;\n  }\n  &.AgencyPickupIconWrapper {\n    width: 20px;\n    height: 16px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: ", ";\n    border-radius: 4px;\n    position: absolute;\n    top: -3px;\n    left: 33px;\n    z-index: 99;\n  }\n  &.FlagIconWrapper {\n    width: 20px;\n    height: 16px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: ", ";\n    border-radius: 4px;\n    position: absolute;\n    top: -3px;\n    left: 33px;\n    z-index: 99;\n  }\n  &.LockWrapperIcon {\n    width: 19px;\n    height: 19px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: -5px;\n    left: -5px;\n    background: ", ";\n    border-radius: 4px;\n  }\n  &.MaintananceIconWrapper {\n    width: 20px;\n    height: 14px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: ", ";\n    border-radius: 4px;\n    position: absolute;\n    top: -3px;\n    left: 33px;\n    z-index: 99;\n  }\n  &.RebalanceIconWrapper {\n    width: 21px;\n    height: 15px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: ", ";\n    border-radius: 4px;\n    position: absolute;\n    top: -3px;\n    left: 33px;\n    z-index: 99;\n  }\n  &.TicketIconWrapper {\n    width: 22px;\n    height: 16px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: ", ";\n    border-radius: 4px;\n    position: absolute;\n    top: -3px;\n    left: 33px;\n    z-index: 99;\n  }\n\n  &.SideMenuIconsContainer {\n    width: 38px;\n    height: 37px;\n    border-radius: 8px;\n    background: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    :hover {\n      background: ", ";\n      cursor: pointer;\n    }\n\n    :active {\n      background: ", ";\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n  }\n  &.NotificationIconContainer {\n    top: -8px;\n    left: 22px;\n    position: absolute;\n    width: 19px;\n    height: 19px;\n    border-radius: 50px;\n    background: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.08);\n\n    div {\n      width: 19px;\n      height: 12px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n  }\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialPrimary;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourMaterialPrimary;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourMaterialPrimary;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourMaterialPrimary;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourMaterialPrimary;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourMaterialPrimary;
}, function (_ref7) {
  var theme = _ref7.theme;
  return theme.colourMaterialSecondary;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.colourMaterialSecondaryHover;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.colourBrandPrimary;
}, function (_ref10) {
  var theme = _ref10.theme;
  return theme.colourTextReversePrimary;
}, function (_ref11) {
  var theme = _ref11.theme;
  return theme.colourStateErrorDark;
}, function (_ref12) {
  var theme = _ref12.theme;
  return theme.fontWorkSansRegular;
}, function (_ref13) {
  var theme = _ref13.theme;
  return theme.fontSize_10;
}, function (_ref14) {
  var theme = _ref14.theme;
  return theme.colourTextReversePrimary;
});

export { IconWrapper as default };
//# sourceMappingURL=index.js.map
