{"version":3,"file":"GrotCTA.mjs","sources":["../../../../../src/components/EmptyState/GrotCTA/GrotCTA.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { SVGProps } from 'react';\nimport SVG from 'react-inlinesvg';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../../themes/ThemeContext';\n\nimport grotCTASvg from './grot-cta.svg';\n\nexport interface Props {\n  width?: SVGProps<SVGElement>['width'];\n  height?: SVGProps<SVGElement>['height'];\n}\n\nexport const GrotCTA = ({ width = 'auto', height }: Props) => {\n  const styles = useStyles2(getStyles);\n\n  return <SVG src={grotCTASvg} className={styles.svg} height={height} width={width} />;\n};\n\nGrotCTA.displayName = 'GrotCTA';\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    svg: css({\n      '#grot-cta-cactus-1, #grot-cta-cactus-2': {\n        fill: theme.isDark ? '#58558c' : '#c9c5f4',\n      },\n    }),\n  };\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,UAAU,CAAC,EAAE,KAAQ,GAAA,MAAA,EAAQ,QAAoB,KAAA;AAC5D,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAO,uBAAA,GAAA,CAAC,OAAI,GAAK,EAAA,UAAA,EAAY,WAAW,MAAO,CAAA,GAAA,EAAK,QAAgB,KAAc,EAAA,CAAA;AACpF;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA;AAEtB,MAAM,SAAA,GAAY,CAAC,KAAyB,KAAA;AAC1C,EAAO,OAAA;AAAA,IACL,KAAK,GAAI,CAAA;AAAA,MACP,wCAA0C,EAAA;AAAA,QACxC,IAAA,EAAM,KAAM,CAAA,MAAA,GAAS,SAAY,GAAA;AAAA;AACnC,KACD;AAAA,GACH;AACF,CAAA;;;;"}