import { Center, Loader, Stack } from '@mantine/core';
import { stackClasses } from 'styles';

function Loading({ loaded }: any) {
	return (
		<Stack
			align='center'
			justify='center'
			pos={'fixed'}
			className={stackClasses.fadeAway}
			classNames={stackClasses}
			data-loaded={loaded}
		>
			<Center>
				<Loader color={'gray'} size='xl' />
			</Center>
		</Stack>
	);
}

export default Loading;