@grafana/ui/dist/cjs/components/LoadingPlaceholder/LoadingPlaceholder.cjs

Grafana Components Library

'use strict';

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

var jsxRuntime = require('react/jsx-runtime');
var css = require('@emotion/css');
var ThemeContext = require('../../themes/ThemeContext.cjs');
var Spinner = require('../Spinner/Spinner.cjs');

"use strict";
const LoadingPlaceholder = ({ text, className, ...rest }) => {
  const styles = ThemeContext.useStyles2(getStyles);
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: css.cx(styles.container, className), ...rest, children: [
    text,
    " ",
    /* @__PURE__ */ jsxRuntime.jsx(Spinner.Spinner, { inline: true })
  ] });
};
const getStyles = (theme) => {
  return {
    container: css.css({
      marginBottom: theme.spacing(4)
    })
  };
};

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