/**
 * @deprecated — no direct Hugo equivalent.
 * Uses NProgress for the top progress bar — `Spinner` covers the visual but NProgress behavior must be preserved.
 */
import { PropsWithChildren, useEffect } from 'react';

import NProgress from 'nprogress';

import Stack from '@material-hu/mui/Stack';

const LoadingScreen = ({ children }: PropsWithChildren) => {
  useEffect(() => {
    NProgress.configure({ showSpinner: false });
    NProgress.start();

    return () => {
      NProgress.done();
    };
  }, []);

  return (
    <Stack
      sx={{
        backgroundColor: 'background.default',
        minHeight: '100%',
        justifyContent: 'center',
        alignItems: 'center',
      }}
    >
      {children}
    </Stack>
  );
};

export default LoadingScreen;