UNPKG

@grafana/ui

Version:
1 lines 2.12 kB
{"version":3,"file":"TimeZoneGroup.mjs","sources":["../../../../../src/components/DateTimePickers/TimeZonePicker/TimeZoneGroup.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport * as React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../../themes/ThemeContext';\n\ninterface Props {\n label: string | undefined;\n children?: React.ReactNode;\n}\n\nexport const TimeZoneGroup = (props: Props) => {\n const { children, label } = props;\n const styles = useStyles2(getStyles);\n\n if (!label) {\n return <div>{children}</div>;\n }\n\n return (\n <div>\n <div className={styles.header}>\n <span className={styles.label}>{label}</span>\n </div>\n {children}\n </div>\n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n header: css({\n padding: '7px 10px',\n width: '100%',\n borderTop: `1px solid ${theme.colors.border.weak}`,\n textTransform: 'capitalize',\n }),\n label: css({\n fontSize: theme.typography.size.sm,\n color: theme.colors.text.secondary,\n fontWeight: theme.typography.fontWeightMedium,\n }),\n };\n};\n"],"names":[],"mappings":";;;;;AAYO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAiB;AAC7C,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAM,GAAI,KAAA;AAC5B,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,uBAAO,GAAA,CAAC,SAAK,QAAA,EAAS,CAAA;AAAA,EACxB;AAEA,EAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,MAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,KAAA,EAAQ,QAAA,EAAA,KAAA,EAAM,CAAA,EACxC,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,QAAQ,GAAA,CAAI;AAAA,MACV,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW,CAAA,UAAA,EAAa,KAAA,CAAM,MAAA,CAAO,OAAO,IAAI,CAAA,CAAA;AAAA,MAChD,aAAA,EAAe;AAAA,KAChB,CAAA;AAAA,IACD,OAAO,GAAA,CAAI;AAAA,MACT,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,IAAA,CAAK,EAAA;AAAA,MAChC,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,SAAA;AAAA,MACzB,UAAA,EAAY,MAAM,UAAA,CAAW;AAAA,KAC9B;AAAA,GACH;AACF,CAAA;;;;"}