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":";;;;AAYa,MAAA,aAAA,GAAgB,CAAC,KAAiB,KAAA;AAC7C,EAAM,MAAA,EAAE,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AAC5B,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,IAAI,CAAC,KAAO,EAAA;AACV,IAAO,uBAAA,GAAA,CAAC,SAAK,QAAS,EAAA,CAAA;AAAA;AAGxB,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,MACrB,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,KAAQ,EAAA,QAAA,EAAA,KAAA,EAAM,CACxC,EAAA,CAAA;AAAA,IACC;AAAA,GACH,EAAA,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAyB,KAAA;AAC1C,EAAO,OAAA;AAAA,IACL,QAAQ,GAAI,CAAA;AAAA,MACV,OAAS,EAAA,UAAA;AAAA,MACT,KAAO,EAAA,MAAA;AAAA,MACP,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,MAAA,CAAO,OAAO,IAAI,CAAA,CAAA;AAAA,MAChD,aAAe,EAAA;AAAA,KAChB,CAAA;AAAA,IACD,OAAO,GAAI,CAAA;AAAA,MACT,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,IAAK,CAAA,EAAA;AAAA,MAChC,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,SAAA;AAAA,MACzB,UAAA,EAAY,MAAM,UAAW,CAAA;AAAA,KAC9B;AAAA,GACH;AACF,CAAA;;;;"}