@spaced-out/ui-design-system/lib/components/Charts/ChartTooltip/index.js.flow

Sense UI components library

// @flow strict

import type {Tooltip} from '../../../types/charts';

import typographyCss from '../../../styles/typography.module.css';
import css from './ChartTooltip.module.css';


export const tooltipTheme: Tooltip = {
  headerFormat: `<span class="${typographyCss.bodySmall} ${css.tooltipHeader}">{point.key}</span>`,
  pointFormat: `<span class=${css.tooltipPoint}>
      <span style="background-color:{point.color};" class=${css.indicatorCircle}></span>
      <span class="${css.tooltipContent} ${typographyCss.bodyMedium}"> {series.name}: {point.y}</span>
    </span>`,
};