"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

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

var _styles = require("@material-ui/core/styles");

var styles = function styles(theme) {
  return {
    icon: {
      fontFamily: 'Cerebri Sans, Arial, sans-serif',
      fontSize: theme.typography.fontSize,
      fontWeight: 'bold',
      lineHeight: '14px',
      position: 'relative',
      whiteSpace: 'nowrap'
    }
  };
};

var HtmlModeIcon = function HtmlModeIcon(_ref) {
  var classes = _ref.classes,
      isHtmlMode = _ref.isHtmlMode;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.icon
  }, isHtmlMode ? 'Exit <HTML> mode' : '<HTML>');
};

var _default = (0, _styles.withStyles)(styles)(HtmlModeIcon);

exports["default"] = _default;
//# sourceMappingURL=index.js.map