{"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,KAAA,GAAQ,MAAA,EAAQ,QAAO,KAAa;AAC5D,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,uBAAO,GAAA,CAAC,OAAI,GAAA,EAAK,UAAA,EAAY,WAAW,MAAA,CAAO,GAAA,EAAK,QAAgB,KAAA,EAAc,CAAA;AACpF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,KAAK,GAAA,CAAI;AAAA,MACP,wCAAA,EAA0C;AAAA,QACxC,IAAA,EAAM,KAAA,CAAM,MAAA,GAAS,SAAA,GAAY;AAAA;AACnC,KACD;AAAA,GACH;AACF,CAAA;;;;"}