@grafana/ui/dist/cjs/components/VizTooltip/VizTooltipHeader.cjs

Grafana Components Library

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var css = require('@emotion/css');
var ThemeContext = require('../../themes/ThemeContext.cjs');
var VizTooltipRow = require('./VizTooltipRow.cjs');

"use strict";
const VizTooltipHeader = ({
  item: { label, value, color, colorIndicator },
  isPinned = false
}) => {
  const styles = ThemeContext.useStyles2(getStyles);
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles, children: /* @__PURE__ */ jsxRuntime.jsx(
    VizTooltipRow.VizTooltipRow,
    {
      label,
      value,
      color,
      colorIndicator,
      marginRight: "22px",
      isPinned
    }
  ) });
};
const getStyles = (theme) => css.css({
  display: "flex",
  flexDirection: "column",
  flex: 1,
  padding: theme.spacing(1),
  lineHeight: 1
});

exports.VizTooltipHeader = VizTooltipHeader;
//# sourceMappingURL=VizTooltipHeader.cjs.map