import { Box, Skeleton, Margins } from '@rocket.chat/fuselage';
import React, { FC } from 'react';

const LogsLoading: FC = () => (
	<Box maxWidth='x600' w='full' alignSelf='center'>
		<Margins block='x2'>
			<Skeleton variant='rect' width='100%' height='x80' />
			<Skeleton variant='rect' width='100%' height='x80' />
			<Skeleton variant='rect' width='100%' height='x80' />
		</Margins>
	</Box>
);

export default LogsLoading;
