import React from "react";
import { Flex, TextSmall, Icon } from "@netdata/netdata-ui";
const DateBox = ({ isPlaying, startDate, endDate, isSameDate }) => {
    return (React.createElement(Flex, { gap: 2 },
        React.createElement(TextSmall, { color: "text", whiteSpace: "nowrap" },
            startDate.format("DD/MM/YYYY"),
            " \u2022",
            " ",
            React.createElement(TextSmall, { color: isPlaying ? "accent" : "textFocus", whiteSpace: "nowrap" }, startDate.format("HH:mm"))),
        React.createElement(Icon, { name: "arrow_left", color: isPlaying ? "accent" : "textFocus", size: "small", rotate: 2 }),
        React.createElement(TextSmall, { color: "text", whiteSpace: "nowrap" },
            !isSameDate && `${endDate.format("DD/MM/YYYY")} • `,
            React.createElement(TextSmall, { color: isPlaying ? "accent" : "textFocus", whiteSpace: "nowrap" }, endDate.format("HH:mm")))));
};
export default DateBox;
//# sourceMappingURL=dateBox.js.map