@dr.pogodin/react-utils
Version:
Collection of generic ReactJS components and utils
33 lines • 1.57 kB
JavaScript
import themed from '@dr.pogodin/react-themes';
const defaultTheme = {
"context": "-dr-pogodin-react-utils___build-web-shared-components-Throbber-theme___context___eVCJf-",
"ad": "-dr-pogodin-react-utils___build-web-shared-components-Throbber-theme___ad___CU2B6H",
"hoc": "-dr-pogodin-react-utils___build-web-shared-components-Throbber-theme___hoc___1V5iVx",
"bouncing": "-dr-pogodin-react-utils___build-web-shared-components-Throbber-theme___bouncing___h6ZYmQ",
"container": "-dr-pogodin-react-utils___build-web-shared-components-Throbber-theme___container___VDVI-X",
"circle": "-dr-pogodin-react-utils___build-web-shared-components-Throbber-theme___circle___Y2rzbL"
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/**
* Throbber is an "action in progress" indicator, which renders
* three bouncing circles as a simple pending activity indicator,
* and can be further themed to a certain degree.
* @param {object} [props] Component properties.
* @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.
* @param {...any} [props....]
* [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
*/
const Throbber = ({
theme
}) => /*#__PURE__*/_jsxs("span", {
className: theme.container,
children: [/*#__PURE__*/_jsx("span", {
className: theme.circle
}), /*#__PURE__*/_jsx("span", {
className: theme.circle
}), /*#__PURE__*/_jsx("span", {
className: theme.circle
})]
});
export default themed(Throbber, 'Throbber', defaultTheme);
//# sourceMappingURL=index.js.map