{"version":3,"file":"VizTooltipWrapper.cjs","sources":["../../../../src/components/VizTooltip/VizTooltipWrapper.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport clsx from 'clsx';\nimport React, { HTMLAttributes } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\nexport const VizTooltipWrapper = ({ children, className }: Props) => {\n  const styles = useStyles2(getStyles);\n  return (\n    <div className={clsx(styles, className)} data-testid={selectors.components.Panels.Visualization.Tooltip.Wrapper}>\n      {children}\n    </div>\n  );\n};\n\nconst getStyles = (theme: GrafanaTheme2) =>\n  css({\n    display: 'flex',\n    flexDirection: 'column',\n    fontSize: theme.typography.bodySmall.fontSize,\n  });\n"],"names":["useStyles2","jsx","clsx","selectors","css"],"mappings":";;;;;;;;;;;;;;;AAaO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAa;AACnE,EAAA,MAAM,MAAA,GAASA,wBAAW,SAAS,CAAA;AACnC,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,qBAAA,CAAK,QAAQ,SAAS,CAAA,EAAG,aAAA,EAAaC,sBAAA,CAAU,UAAA,CAAW,MAAA,CAAO,aAAA,CAAc,OAAA,CAAQ,SACrG,QAAA,EACH,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KACjBC,OAAA,CAAI;AAAA,EACF,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,SAAA,CAAU;AACvC,CAAC,CAAA;;;;"}