import React from "react";
import { ToolboxButton } from "./toolbox-button";
export const LegendToolbox = ({ onToolboxLeftClick, onToolboxResetClick, onToolboxRightClick, onToolboxZoomInClick, onToolboxZoomOutClick, }) => (React.createElement("div", { className: "netdata-legend-toolbox" },
    React.createElement(ToolboxButton, { className: "netdata-legend-toolbox-button", onClick: onToolboxLeftClick, iconType: "left", popoverTitle: "Pan Left", popoverContent: "Pan the chart to the left. You can also <b>drag it</b> with your mouse or your\n       finger (on touch devices).<br/><small>Help can be disabled from the settings.</small>" }),
    React.createElement(ToolboxButton, { className: "netdata-legend-toolbox-button", onClick: onToolboxResetClick, iconType: "reset", popoverTitle: "Chart Reset", popoverContent: "Reset all the charts to their default auto-refreshing state. You can also\n       <b>double click</b> the chart contents with your mouse or your finger (on touch devices).\n       <br/><small>Help can be disabled from the settings.</small>" }),
    React.createElement(ToolboxButton, { className: "netdata-legend-toolbox-button", onClick: onToolboxRightClick, iconType: "right", popoverTitle: "Pan Right", popoverContent: "Pan the chart to the right. You can also <b>drag it</b> with your mouse or\n       your finger (on touch devices).<br/><small>Help can be disabled from the settings.</small>" }),
    React.createElement(ToolboxButton, { className: "netdata-legend-toolbox-button", onClick: onToolboxZoomInClick, iconType: "zoomIn", popoverTitle: "Chart Zoom In", popoverContent: "Zoom in the chart. You can also press SHIFT and select an area of the chart,\n       or press SHIFT or ALT and use the mouse wheel or 2-finger touchpad scroll to zoom in or out.\n       <br/><small>Help can be disabled from the settings.</small>" }),
    React.createElement(ToolboxButton, { className: "netdata-legend-toolbox-button", onClick: onToolboxZoomOutClick, iconType: "zoomOut", popoverTitle: "Chart Zoom Out", popoverContent: "Zoom out the chart. You can also press SHIFT or ALT and use the mouse wheel,\n       or 2-finger touchpad scroll to zoom in or out.<br/><small>Help can be disabled from the\n        settings.</small>" })));
//# sourceMappingURL=legend-toolbox.js.map