{"version":3,"file":"TimeZoneTitle.cjs","sources":["../../../../../src/components/DateTimePickers/TimeZonePicker/TimeZoneTitle.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { ReactNode } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../../themes/ThemeContext';\n\ninterface Props {\n  title: string | ReactNode;\n}\n\nexport const TimeZoneTitle = ({ title }: Props) => {\n  const styles = useStyles2(getStyles);\n\n  if (!title) {\n    return null;\n  }\n\n  return <span className={styles.title}>{title}</span>;\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    title: css({\n      fontWeight: theme.typography.fontWeightRegular,\n      textOverflow: 'ellipsis',\n    }),\n  };\n};\n"],"names":["useStyles2","jsx","css"],"mappings":";;;;;;;;;AAWO,MAAM,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAM,KAAa;AACjD,EAAA,MAAM,MAAA,GAASA,wBAAW,SAAS,CAAA;AAEnC,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBAAOC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,OAAQ,QAAA,EAAA,KAAA,EAAM,CAAA;AAC/C;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,OAAOC,OAAA,CAAI;AAAA,MACT,UAAA,EAAY,MAAM,UAAA,CAAW,iBAAA;AAAA,MAC7B,YAAA,EAAc;AAAA,KACf;AAAA,GACH;AACF,CAAA;;;;"}