add LoadingOverlay component

2026-05-08 04:50:12 +02:00 · 2025-11-10 20:27:13 -08:00
parent fda7165580
commit 17c4d3e5fb
1 changed files with 28 additions and 0 deletions
@@ -0,0 +1,28 @@
+import {
+    LoadingOverlay as MantineLoadingOverlay,
+    LoadingOverlayProps as MantineLoadingOverlayProps,
+} from '@mantine/core';
+
+import { Spinner } from '/@/shared/components/spinner/spinner';
+
+interface LoadingOverlayProps extends MantineLoadingOverlayProps {
+    color?: string;
+    opacity?: number;
+}
+
+export const LoadingOverlay = ({ ...props }: LoadingOverlayProps) => {
+    return (
+        <MantineLoadingOverlay
+            loaderProps={{ children: <Spinner /> }}
+            overlayProps={{
+                color: 'var(--theme-colors-background)',
+                opacity: 0.5,
+            }}
+            transitionProps={{
+                duration: 0.5,
+                transition: 'fade',
+            }}
+            {...props}
+        />
+    );
+};