@grafana/ui/dist/cjs/components/DateTimePickers/TimeSyncButton.cjs

Grafana Components Library

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var i18n = require('@grafana/i18n');
var ToolbarButton = require('../ToolbarButton/ToolbarButton.cjs');
var Tooltip = require('../Tooltip/Tooltip.cjs');

"use strict";
function TimeSyncButton(props) {
  const { onClick, isSynced } = props;
  const syncTimesTooltip = () => {
    const tooltip = isSynced ? "Unsync all views" : "Sync all views to this time range";
    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: tooltip });
  };
  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { content: syncTimesTooltip, placement: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(
    ToolbarButton.ToolbarButton,
    {
      icon: "link",
      variant: isSynced ? "active" : "canvas",
      "aria-label": isSynced ? i18n.t("grafana-ui.time-sync-button.aria-label-unsync", "Unsync times") : i18n.t("grafana-ui.time-sync-button.aria-label-sync", "Sync times"),
      onClick
    }
  ) });
}

exports.TimeSyncButton = TimeSyncButton;
//# sourceMappingURL=TimeSyncButton.cjs.map