import React, { useCallback } from "react";
import { Flex, Button } from "@netdata/netdata-ui";
import Tooltip from "../../tooltips";
import { setGlobalPauseAction } from "../../../domains/global/actions";
import { useDispatch } from "../../../store/redux-separate-context";
const Options = () => {
    const dispatch = useDispatch();
    const onClick = useCallback(() => dispatch(setGlobalPauseAction()), [dispatch]);
    return (React.createElement(Flex, { gap: 2, "data-testid": "header-options-button" },
        React.createElement(Tooltip, { content: "Import a Netdata snapshot", align: "bottom", plain: true },
            React.createElement(Button, { flavour: "borderless", neutral: true, themeType: "dark", "data-toggle": "modal", "data-target": "#loadSnapshotModal", icon: "download" })),
        React.createElement(Tooltip, { content: "Export a Netdata snapshot", align: "bottom", plain: true },
            React.createElement(Button, { onClick: onClick, flavour: "borderless", neutral: true, themeType: "dark", "data-toggle": "modal", "data-target": "#saveSnapshotModal", icon: "upload" })),
        React.createElement(Tooltip, { content: "Print the dashboard", align: "bottom", plain: true },
            React.createElement(Button, { flavour: "borderless", neutral: true, themeType: "dark", "data-toggle": "modal", "data-target": "#printPreflightModal", icon: "print" }))));
};
export default Options;
//# sourceMappingURL=index.js.map