{"version":3,"file":"Counter.mjs","sources":["../../../../src/components/Tabs/Counter.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { GrafanaTheme2, locale } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes';\n\nexport interface CounterProps {\n  value: number;\n}\n\nexport const Counter = ({ value }: CounterProps) => {\n  const styles = useStyles2(getStyles);\n\n  return <span className={styles.counter}>{locale(value, 0).text}</span>;\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  counter: css({\n    label: 'counter',\n    marginLeft: theme.spacing(1),\n    borderRadius: theme.spacing(3),\n    backgroundColor: theme.colors.action.hover,\n    padding: theme.spacing(0.25, 1),\n    color: theme.colors.text.secondary,\n    fontWeight: theme.typography.fontWeightMedium,\n    fontSize: theme.typography.size.sm,\n  }),\n});\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,OAAU,GAAA,CAAC,EAAE,KAAA,EAA0B,KAAA;AAClD,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAO,uBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,SAAU,QAAO,EAAA,MAAA,CAAA,KAAA,EAAO,CAAC,CAAA,CAAE,IAAK,EAAA,CAAA;AACjE;AAEA,MAAM,SAAA,GAAY,CAAC,KAA0B,MAAA;AAAA,EAC3C,SAAS,GAAI,CAAA;AAAA,IACX,KAAO,EAAA,SAAA;AAAA,IACP,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,eAAA,EAAiB,KAAM,CAAA,MAAA,CAAO,MAAO,CAAA,KAAA;AAAA,IACrC,OAAS,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,EAAM,CAAC,CAAA;AAAA,IAC9B,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,SAAA;AAAA,IACzB,UAAA,EAAY,MAAM,UAAW,CAAA,gBAAA;AAAA,IAC7B,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,IAAK,CAAA;AAAA,GACjC;AACH,CAAA,CAAA;;;;"}