@netdata/charts/dist/components/details/context.js

Netdata frontend SDK and chart utilities

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _netdataUi = require("@netdata/netdata-ui");
var _provider = require("../provider");
var _row = _interopRequireDefault(require("./row"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var Info = function Info(_ref) {
  var title = _ref.title,
    children = _ref.children;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_netdataUi.Flex, {
    gap: 2,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextSmall, {
      color: "textDescription",
      children: title
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.Flex, {
      as: _netdataUi.TextSmall,
      background: "elementBackground",
      children: children
    })]
  });
};
var Context = function Context() {
  var contextScope = (0, _provider.useAttributeValue)("contextScope");
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_row["default"], {
    title: "Plugin and chart context",
    color: "key",
    "data-testid": "chartDetails-context",
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Info, {
      title: "Context",
      children: contextScope.join(", ")
    })
  });
};
var _default = exports["default"] = Context;