{"version":3,"file":"TimeZoneDescription.mjs","sources":["../../../../../src/components/DateTimePickers/TimeZonePicker/TimeZoneDescription.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { type GrafanaTheme2, type TimeZoneInfo } from '@grafana/data';\n\nimport { useStyles2 } from '../../../themes/ThemeContext';\n\ninterface Props {\n  info?: TimeZoneInfo;\n}\n\nexport const TimeZoneDescription = ({ info }: Props) => {\n  const styles = useStyles2(getStyles);\n\n  if (!info || !info.abbreviation) {\n    return null;\n  }\n\n  return <div className={styles.description}>{info.abbreviation}</div>;\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    description: css({\n      fontWeight: 'normal',\n      fontSize: theme.typography.size.sm,\n      color: theme.colors.text.secondary,\n      whiteSpace: 'normal',\n      textOverflow: 'ellipsis',\n    }),\n  };\n};\n"],"names":[],"mappings":";;;;;AAUO,MAAM,mBAAA,GAAsB,CAAC,EAAE,IAAA,EAAK,KAAa;AACtD,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,IAAA,CAAK,YAAA,EAAc;AAC/B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,WAAA,EAAc,eAAK,YAAA,EAAa,CAAA;AAChE;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,aAAa,GAAA,CAAI;AAAA,MACf,UAAA,EAAY,QAAA;AAAA,MACZ,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,IAAA,CAAK,EAAA;AAAA,MAChC,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,SAAA;AAAA,MACzB,UAAA,EAAY,QAAA;AAAA,MACZ,YAAA,EAAc;AAAA,KACf;AAAA,GACH;AACF,CAAA;;;;"}