UNPKG

@grafana/ui

Version:
1 lines 2.15 kB
{"version":3,"file":"Divider.mjs","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { GrafanaTheme2, ThemeSpacingTokens } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\ninterface DividerProps {\n direction?: 'vertical' | 'horizontal';\n spacing?: ThemeSpacingTokens;\n}\n\n/**\n * https://developers.grafana.com/ui/latest/index.html?path=/docs/layout-divider--docs\n */\nexport const Divider = ({ direction = 'horizontal', spacing = 2 }: DividerProps) => {\n const styles = useStyles2(getStyles, spacing);\n\n if (direction === 'vertical') {\n return <div className={styles.verticalDivider}></div>;\n } else {\n return <hr className={styles.horizontalDivider} />;\n }\n};\n\nDivider.displayName = 'Divider';\n\nconst getStyles = (theme: GrafanaTheme2, spacing: ThemeSpacingTokens) => {\n return {\n horizontalDivider: css({\n borderTop: `1px solid ${theme.colors.border.weak}`,\n margin: theme.spacing(spacing, 0),\n width: '100%',\n }),\n verticalDivider: css({\n borderRight: `1px solid ${theme.colors.border.weak}`,\n margin: theme.spacing(0, spacing),\n height: '100%',\n }),\n };\n};\n"],"names":[],"mappings":";;;;;AAcO,MAAM,UAAU,CAAC,EAAE,YAAY,YAAA,EAAc,OAAA,GAAU,GAAE,KAAoB;AAClF,EAAA,MAAM,MAAA,GAAS,UAAA,CAAW,SAAA,EAAW,OAAO,CAAA;AAE5C,EAAA,IAAI,cAAc,UAAA,EAAY;AAC5B,IAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,eAAA,EAAiB,CAAA;AAAA,EACjD,CAAA,MAAO;AACL,IAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,MAAA,CAAO,iBAAA,EAAmB,CAAA;AAAA,EAClD;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,MAAM,SAAA,GAAY,CAAC,KAAA,EAAsB,OAAA,KAAgC;AACvE,EAAA,OAAO;AAAA,IACL,mBAAmB,GAAA,CAAI;AAAA,MACrB,SAAA,EAAW,CAAA,UAAA,EAAa,KAAA,CAAM,MAAA,CAAO,OAAO,IAAI,CAAA,CAAA;AAAA,MAChD,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,OAAA,EAAS,CAAC,CAAA;AAAA,MAChC,KAAA,EAAO;AAAA,KACR,CAAA;AAAA,IACD,iBAAiB,GAAA,CAAI;AAAA,MACnB,WAAA,EAAa,CAAA,UAAA,EAAa,KAAA,CAAM,MAAA,CAAO,OAAO,IAAI,CAAA,CAAA;AAAA,MAClD,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,OAAO,CAAA;AAAA,MAChC,MAAA,EAAQ;AAAA,KACT;AAAA,GACH;AACF,CAAA;;;;"}