@grafana/ui/dist/cjs/components/EmptyState/GrotCTA/GrotCTA.cjs

Grafana Components Library

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var css = require('@emotion/css');
var SVG = require('react-inlinesvg');
var ThemeContext = require('../../../themes/ThemeContext.cjs');
var grotCta = require('./grot-cta.svg.cjs');

function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

var SVG__default = /*#__PURE__*/_interopDefaultCompat(SVG);

"use strict";
const GrotCTA = ({ width = "auto", height }) => {
  const styles = ThemeContext.useStyles2(getStyles);
  return /* @__PURE__ */ jsxRuntime.jsx(SVG__default.default, { src: grotCta, className: styles.svg, height, width });
};
GrotCTA.displayName = "GrotCTA";
const getStyles = (theme) => {
  return {
    svg: css.css({
      "#grot-cta-cactus-1, #grot-cta-cactus-2": {
        fill: theme.isDark ? "#58558c" : "#c9c5f4"
      }
    })
  };
};

exports.GrotCTA = GrotCTA;
//# sourceMappingURL=GrotCTA.cjs.map