@yamada-ui/react/dist/cjs/components/loading/suspense.cjs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

"use client";


const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_factory = require('../../core/system/factory.cjs');
const require_use_loading_component = require('./use-loading-component.cjs');
let react = require("react");
react = require_rolldown_runtime.__toESM(react);
let react_jsx_runtime = require("react/jsx-runtime");
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);

//#region src/components/loading/suspense.tsx
const Suspense = ({ name, children, fallback, loadingScheme = "oval", loadingProps,...rest }) => {
	const Component = require_use_loading_component.useLoadingComponent(loadingScheme);
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
		name,
		fallback: fallback ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.div, {
			boxSize: "full",
			display: "center",
			fontSize: "6xl",
			...rest,
			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
				fontSize: "1em",
				...loadingProps
			})
		}),
		children
	});
};

//#endregion
exports.Suspense = Suspense;
//# sourceMappingURL=suspense.cjs.map