RocketChat/Rocket.Chat

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

type ImportOperationSummarySkeletonProps = {
    small?: boolean;
};

function ImportOperationSummarySkeleton({ small = false }: ImportOperationSummarySkeletonProps) {
    return (
        <TableRow>
            <TableCell>
                <Skeleton />
            </TableCell>
            <TableCell>
                <Skeleton />
            </TableCell>
            {!small && (
                <>
                    <TableCell>
                        <Skeleton />
                    </TableCell>
                    <TableCell>
                        <Skeleton />
                    </TableCell>
                    <TableCell>
                        <Skeleton />
                    </TableCell>
                    <TableCell>
                        <Skeleton />
                    </TableCell>
                    <TableCell>
                        <Skeleton />
                    </TableCell>
                    <TableCell>
                        <Skeleton />
                    </TableCell>
                </>
            )}
        </TableRow>
    );
}

export default ImportOperationSummarySkeleton;