/* eslint-disable object-curly-newline */
/* eslint-disable react/prop-types */
// @ts-nocheck
import React from "react";
import { Flex } from "@netdata/netdata-ui";
import Section from "./section";
import Chart from "./chart";
import DateSection from "./dateSection";
const Metrics = ({ groupLabel, postGroupLabel, attributes, viewAfter, viewBefore }) => (React.createElement(Flex, { gap: 3, column: true, width: "100%", "data-testid": "k8sPopoverMetrics" },
    React.createElement(DateSection, { after: viewAfter, before: viewBefore }),
    React.createElement(Section, { title: "Metrics", noBorder: true },
        React.createElement(Flex, { gap: 3, column: true, "data-testid": "k8sPopoverMetrics-container" }, attributes.relatedCharts.map(({ chartMetadata }, index) => (React.createElement(Chart, { key: chartMetadata.id, id: [groupLabel, postGroupLabel, attributes.id, chartMetadata.id].join("|"), attributes: attributes, relatedIndex: index, groupLabel: groupLabel, postGroupLabel: postGroupLabel })))))));
export default Metrics;
//# sourceMappingURL=metrics.js.map