@yamada-ui/react/dist/esm/components/loading/suspense.js

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

"use client";


import { styled } from "../../core/system/factory.js";
import { useLoadingComponent } from "./use-loading-component.js";
import { Suspense } from "react";
import { jsx } from "react/jsx-runtime";

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

//#endregion
export { Suspense$1 as Suspense };
//# sourceMappingURL=suspense.js.map