@grafana/ui/dist/cjs/components/DateTimePickers/TimeZonePicker/TimeZoneDescription.cjs

Grafana Components Library

'use strict';

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

var jsxRuntime = require('react/jsx-runtime');
var css = require('@emotion/css');
var ThemeContext = require('../../../themes/ThemeContext.cjs');

"use strict";
const TimeZoneDescription = ({ info }) => {
  const styles = ThemeContext.useStyles2(getStyles);
  if (!info || !info.abbreviation) {
    return null;
  }
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.description, children: info.abbreviation });
};
const getStyles = (theme) => {
  return {
    description: css.css({
      fontWeight: "normal",
      fontSize: theme.typography.size.sm,
      color: theme.colors.text.secondary,
      whiteSpace: "normal",
      textOverflow: "ellipsis"
    })
  };
};

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