@netdata/charts/dist/es6/components/details/index.js

Netdata frontend SDK and chart utilities

import React from "react";
import styled from "styled-components";
import { Flex } from "@netdata/netdata-ui";
import { useAttributeValue } from "../provider";
import Context from "./context";
import Source from "./source";
import Description from "./description";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var Container = styled(Flex).attrs({
  column: true,
  padding: [3, 2],
  gap: 3,
  overflow: {
    vertical: "auto"
  },
  width: "100%",
  height: "100%"
}).withConfig({
  displayName: "details__Container",
  componentId: "sc-etnkd0-0"
})([""]);
var Details = function Details() {
  var nodeName = useAttributeValue("nodeName");
  return /*#__PURE__*/_jsxs(Container, {
    "data-testid": "chartDetails",
    children: [/*#__PURE__*/_jsx(Description, {}), nodeName && /*#__PURE__*/_jsx(Source, {}), /*#__PURE__*/_jsx(Context, {})]
  });
};
export default Details;