mirror of https://github.com/sylv/micro.git
22 lines
520 B
TypeScript
22 lines
520 B
TypeScript
import type { FC } from 'react';
|
|
import { useEffect } from 'react';
|
|
import { Title } from './title';
|
|
import { Container } from './container';
|
|
import { Spinner } from './spinner';
|
|
|
|
export const PageLoader: FC<{ title?: string }> = ({ title }) => {
|
|
useEffect(() => {
|
|
document.body.style.overflow = 'hidden';
|
|
return () => {
|
|
document.body.style.overflow = '';
|
|
};
|
|
}, []);
|
|
|
|
return (
|
|
<Container center>
|
|
{title && <Title>{title}</Title>}
|
|
<Spinner size="large" />
|
|
</Container>
|
|
);
|
|
};
|