import React from "react";
import { Flex } from "@netdata/netdata-ui";
import TimePeriod from "./timePeriod";
import { timePeriods } from "./utils";
const TimePeriods = ({ handleTimePeriodChange, selectedDate, tagging }) => (React.createElement(Flex, { column: true, justifyContent: "start", alignItems: "start", height: { max: "240px" }, overflow: { vertical: "scroll" }, "data-testid": "timePeriods" }, timePeriods.map(({ period, value, resolution }) => (React.createElement(TimePeriod, { key: value, value: value, period: period, resolution: resolution, setTimeRange: handleTimePeriodChange, isSelected: selectedDate === value, tagging: tagging })))));
export default TimePeriods;
//# sourceMappingURL=timePeriods.js.map