# betterdocs/4.9.5/react-src/admin/ai-chatbot/loaders/ListLoader.js

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot, version 4.9.5. 1,008 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/admin/ai-chatbot/loaders/ListLoader.js
- Raw: https://pluginprobe.com/plugins/betterdocs/4.9.5/raw/react-src/admin/ai-chatbot/loaders/ListLoader.js
- Modified: 2026-10-12T10:07:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/admin/ai-chatbot/loaders/ListLoader.js#L10-L20`.

```javascript
import Skeleton from "react-loading-skeleton";
import "react-loading-skeleton/dist/skeleton.css";

const ListLoader = () => {
    return (
        <>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
            <tr className="list-loader-wrapper">
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"60%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"72%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"45%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
                <td className="list-header-wrapper">
                    <Skeleton
                        count={1}
                        height={"16px"}
                        width={"100%"}
                        containerClassName="list-header-wrapper-inner-child"
                        borderRadius={"2px"}
                    />
                </td>
            </tr>
        </>
    );
};

export default ListLoader;

```