/**
 * Consistent INNER row heights. The row card wraps these in a 1px border on
 * each side, so the outer block lands on the designed 68px / 80px total —
 * hence the 66/78 values here.
 */
export declare const ROW_HEIGHT_DESKTOP = "h-[66px] md:h-[78px]";
export declare const ROW_HEIGHT_MOBILE = "h-[66px]";
/**
 * The row shell's inset and column gap.
 *
 * Shared by the real row (`data-table-row`), the skeleton rows below and the
 * pad rows in `data-table-body`, because a difference between them is a visible
 * shift on load — and there WAS one: all three placeholders used
 * `--spacing-system-sf` (12px) in their mobile variant while the real row uses
 * `--spacing-system-mf` (16px) at every width, so a loading table sat 4px closer
 * to the card edge than the loaded one and its content nudged over when data
 * arrived. Kept as a constant rather than three copies so that cannot drift again.
 */
export declare const ROW_SHELL_CLASSES = "items-center gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)]";
export interface DataTableSkeletonProps {
    rows?: number;
    className?: string;
    rowClassName?: string;
}
export declare function DataTableSkeleton({ rows, className, rowClassName, }: DataTableSkeletonProps): import("react").JSX.Element;
//# sourceMappingURL=data-table-skeleton.d.ts.map