@robotical/sensors-dashboard/dist/components/Header/index.js

A dashboard tool for depicting Marty data by Robotical

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Header;
var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
var _ModalState = _interopRequireDefault(require("../../state-observables/modal/ModalState"));
var _HowToUseModal = _interopRequireDefault(require("../modals/HowToUseModal"));
var _react = require("react");
var _ConnectionArea = _interopRequireDefault(require("../ConnectionArea"));
var _fa = require("react-icons/fa");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function Header(_ref) {
  let {
    isInModal
  } = _ref;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
    className: "".concat(_stylesModule.default.header, " ").concat(isInModal ? _stylesModule.default.headerInModal : ""),
    children: [!isInModal && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      className: _stylesModule.default.brand,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        className: _stylesModule.default.eyebrow,
        children: "Robotical"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
        className: _stylesModule.default.title,
        children: "Sensor Insights Hub"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
        className: _stylesModule.default.subtitle,
        children: "Live robot data, made visible."
      })]
    }), !isInModal && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: _stylesModule.default.connectionRegion,
      "aria-label": "Robot connections",
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConnectionArea.default, {
        isNavMenuMinimized: false
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
      type: "button",
      className: _stylesModule.default.helpButton,
      onClick: () => _ModalState.default.setModal(/*#__PURE__*/(0, _react.createElement)(_HowToUseModal.default, {}), "Sensor dashboard guide"),
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_fa.FaQuestionCircle, {
        "aria-hidden": "true"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        children: "How it works"
      })]
    })]
  });
}