RocketChat/Rocket.Chat

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

const SubscriptionPageSkeleton = () => (
    <Box marginBlock='none' marginInline='auto' width='full' color='default'>
        <Grid m={0}>
            <Grid.Item lg={4} xs={4} p={8}>
                <Skeleton variant='rect' width='full' height={240} />
            </Grid.Item>
            <Grid.Item lg={8} xs={4} p={8}>
                <Skeleton variant='rect' width='full' height={240} />
            </Grid.Item>
            <Grid.Item lg={6} xs={4} p={8}>
                <Skeleton variant='rect' width='full' height={240} />
            </Grid.Item>
            <Grid.Item lg={6} xs={4} p={8}>
                <Skeleton variant='rect' width='full' height={240} />
            </Grid.Item>
        </Grid>
    </Box>
);

export default memo(SubscriptionPageSkeleton);