"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _styles = require("@material-ui/core/styles");
var _Icon = _interopRequireDefault(require("../MaterialUI/DataDisplay/Icon"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
(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 useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    header: function header(props) {
      return {
        display: "flex",
        cursor: "pointer",
        boxSizing: "border-box",
        fontFamily: theme.typography.button.fontFamily,
        fontSize: "12px",
        textTransform: "uppercase",
        height: "40px",
        minWidth: "180px",
        paddingTop: "14px",
        paddingRight: "14px",
        color: props.open ? theme.palette.primary.light : theme.palette.text.disabled,
        "&:hover": {
          color: theme.palette.primary.light
        }
      };
    },
    indicator: function indicator(props) {
      return {
        fontSize: "12px",
        padding: "0 11px",
        color: props.open ? theme.palette.text.disabled : theme.palette.primary.light
      };
    }
  };
});
var Anchor = function Anchor(_ref) {
  var menuLabel = _ref.menuLabel,
    open = _ref.open;
  var classes = useStyles({
    open: open
  });
  return /*#__PURE__*/_react.default.createElement("div", {
    className: classes.header
  }, menuLabel, /*#__PURE__*/_react.default.createElement(_Icon.default, {
    id: open ? "chevron-up" : "dropdown-chevron-down",
    className: classes.indicator
  }));
};
__signature__(Anchor, "useStyles{classes}", function () {
  return [useStyles];
});
__signature__(Anchor, "useStyles{classes}", function () {
  return [useStyles];
});
var _default = Anchor;
var _default2 = _default;
var _default3 = exports.default = _default2;
;
(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
  if (!reactHotLoader) {
    return;
  }
  reactHotLoader.register(useStyles, "useStyles", "/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(useStyles, "useStyles", "/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);
})();