"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.getMenuItemPaddings = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
var _Emotion = require("../../lib/theming/Emotion");
var _Mixins = require("../../lib/styles/Mixins");

var _MenuItem = require("./MenuItem.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;

var getMenuItemPaddings = exports.getMenuItemPaddings = function getMenuItemPaddings(_ref)


{var menuItemPaddingX = _ref.menuItemPaddingX,menuItemPaddingY = _ref.menuItemPaddingY;
  var paddingX = menuItemPaddingX;
  var paddingY = menuItemPaddingY;

  return { paddingX: paddingX, paddingY: paddingY };
};

var styles = exports.styles = (0, _Emotion.memoizeStyle)({
  root: function root(t) {
    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      cursor: pointer;\n      display: ", ";\n      position: relative;\n      text-decoration: none;\n      color: ", ";\n      border-radius: ", ";\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ", ";\n      }\n    "])),
    (0, _Mixins.resetButton)(),


    t.menuItemDisplay,


    t.menuItemTextColor,
    t.menuItemBorderRadius,






    t.menuItemGap);


  },

  rootSmall: function rootSmall(t) {
    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _MenuItem.menuItemSizeMixin)(
      t.menuItemPaddingXSmall,
      t.menuItemPaddingYSmall,
      t.menuItemLineHeightSmall,
      t.menuItemFontSizeSmall
    ));

  },
  rootMedium: function rootMedium(t) {
    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _MenuItem.menuItemSizeMixin)(
      t.menuItemPaddingXMedium,
      t.menuItemPaddingYMedium,
      t.menuItemLineHeightMedium,
      t.menuItemFontSizeMedium
    ));

  },
  rootLarge: function rootLarge(t) {
    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _MenuItem.menuItemSizeMixin)(
      t.menuItemPaddingXLarge,
      t.menuItemPaddingYLarge,
      t.menuItemLineHeightLarge,
      t.menuItemFontSizeLarge
    ));

  },

  rootMobile: function rootMobile(t) {
    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
    t.menuItemFontSizeMobile,
    t.menuItemLineHeightMobile,
    t.menuItemPaddingMobile);

  },

  hover: function hover(t) {
    // Color with !important in purpose to override `a:hover`
    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      color: ", " !important;\n    "])),
    t.menuItemHoverBg,
    t.menuItemHoverColor);

  },
  selected: function selected(t) {
    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n    "])),
    t.menuItemSelectedBg);

  },
  disabled: function disabled(t) {
    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      cursor: default;\n    "])),
    t.menuItemDisabledBg,
    t.menuItemDisabledColor);


  },
  nonSelectable: function nonSelectable() {
    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));


  },
  link: function link(t) {
    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
    t.menuItemLinkColor);

  },
  loose: function loose() {
    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 15px;\n    "])));


  },
  withIconSmall: function withIconSmall(t) {
    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconSmall));

  },
  withIconMedium: function withIconMedium(t) {
    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconMedium));

  },
  withIconLarge: function withIconLarge(t) {
    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconLarge));

  },
  comment: function comment(t) {
    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: ", ";\n      white-space: normal;\n      padding-top: 4px;\n    "])),
    t.menuItemCommentColor,
    t.menuItemCommentOpacity);



  },
  commentHover: function commentHover(t) {
    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: ", ";\n    "])),
    t.menuItemCommentColorHover,
    t.menuItemCommentOpacityHover);

  },
  icon: function icon() {
    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    "])));




  },
  iconSmall: function iconSmall(t) {
    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));

  },
  iconMedium: function iconMedium(t) {
    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));

  },
  iconLarge: function iconLarge(t) {
    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));

  },
  mobileContentWithIcon: function mobileContentWithIcon() {
    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 8px;\n    "])));


  }
});