RocketChat/Rocket.Chat

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

export const ReportCardLoadingState = () => (
    <Box display='flex' height='100%' width='100%'>
        <Box flexGrow={1}>
            <Skeleton style={{ transform: 'none' }} height='100%' mb={8} mie={16} />
        </Box>
        <Box flexGrow={1}>
            <Skeleton height={28} />
            <Skeleton height={28} />
            <Skeleton height={28} />
            <Skeleton height={28} />
            <Skeleton height={28} />
        </Box>
    </Box>
);