"use strict";

exports.__esModule = true;
exports.default = exports.Indicator = exports.Header = void 0;

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _utils = require("../../utils");

var _Icon = _interopRequireDefault(require("../Icon"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var Header = _styledComponents.default.div.withConfig({
  displayName: "Anchor__Header",
  componentId: "sc-9jv4s9-0"
})(["display:flex;cursor:pointer;box-sizing:border-box;font-family:", ";font-size:12px;text-transform:uppercase;height:40px;min-width:180px;padding-top:14px;padding-right:14px;color:", ";&:hover{color:", ";}"], (0, _utils.getThemeProp)(["fonts", "header"], "sans-serif"), (0, _utils.ifFlag)("open", (0, _utils.getThemeProp)(["colors", "application", "primary"], "#ccc"), "#ccc"), (0, _utils.getThemeProp)(["colors", "application", "primary"], "#ccc"));

exports.Header = Header;
var Indicator = (0, _styledComponents.default)(_Icon.default).attrs(function (props) {
  return {
    id: (0, _utils.ifFlag)("open", (0, _utils.getThemeProp)(["icons", "indicators", "up"], "chevron-up"), (0, _utils.getThemeProp)(["icons", "indicators", "down"], "chevron-down"))(props)
  };
}).withConfig({
  displayName: "Anchor__Indicator",
  componentId: "sc-9jv4s9-1"
})(["font-size:12px;padding:0 11px;color:", ";"], (0, _utils.ifFlag)("open", "#ccc", (0, _utils.getThemeProp)(["colors", "application", "primary"], "#ccc")));
exports.Indicator = Indicator;

var Anchor = function Anchor(_ref) {
  var menuLabel = _ref.menuLabel,
      open = _ref.open;
  return /*#__PURE__*/_react.default.createElement(Header, {
    open: open
  }, menuLabel, /*#__PURE__*/_react.default.createElement(Indicator, {
    open: open
  }));
};

var _default = Anchor;
var _default2 = _default;
var _default3 = _default2;
exports.default = _default3;
;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(Header, "Header", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
  reactHotLoader.register(Indicator, "Indicator", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
  reactHotLoader.register(Anchor, "Anchor", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();

;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(Header, "Header", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
  reactHotLoader.register(Indicator, "Indicator", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
  reactHotLoader.register(Anchor, "Anchor", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();