@arolariu/components/dist/components/ui/table-skeleton.js

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

import { jsx, jsxs } from "react/jsx-runtime";
import { cn } from "../../lib/utilities.js";
import { Skeleton } from "./skeleton.js";
import table_skeleton_module from "./table-skeleton.module.js";
import * as __rspack_external_react from "react";
const TableSkeleton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ rows = 5, columns = 4, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
        ref: ref,
        className: cn(table_skeleton_module.container, className),
        ...props,
        children: [
            /*#__PURE__*/ jsx("div", {
                className: table_skeleton_module.header,
                children: Array.from({
                    length: columns
                }, (_, index)=>/*#__PURE__*/ jsx(Skeleton, {
                        className: table_skeleton_module.headerCell
                    }, index))
            }),
            Array.from({
                length: rows
            }, (_, rowIndex)=>/*#__PURE__*/ jsx("div", {
                    className: table_skeleton_module.row,
                    children: Array.from({
                        length: columns
                    }, (_, columnIndex)=>/*#__PURE__*/ jsx(Skeleton, {
                            className: table_skeleton_module.cell
                        }, columnIndex))
                }, rowIndex))
        ]
    }));
TableSkeleton.displayName = "TableSkeleton";
export { TableSkeleton };

//# sourceMappingURL=table-skeleton.js.map