import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function Skeleton({ variant = 'text', lines = 3, className = '' }) {
    if (variant === 'card') {
        return (_jsxs("div", { className: `animate-pulse rounded-lg border border-[var(--border)] p-5 ${className}`, children: [_jsx("div", { className: "bg-muted mb-3 h-4 w-1/3 rounded" }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "bg-muted h-3 w-full rounded" }), _jsx("div", { className: "bg-muted h-3 w-2/3 rounded" })] })] }));
    }
    if (variant === 'table-row') {
        return (_jsx("div", { className: `animate-pulse ${className}`, children: Array.from({ length: lines }, (_, i) => (_jsxs("div", { className: "flex gap-4 border-b border-[var(--border)] px-4 py-3", children: [_jsx("div", { className: "bg-muted h-4 w-8 rounded" }), _jsx("div", { className: "bg-muted h-4 flex-1 rounded" }), _jsx("div", { className: "bg-muted h-4 w-20 rounded" }), _jsx("div", { className: "bg-muted h-4 w-24 rounded" })] }, i))) }));
    }
    return (_jsx("div", { className: `animate-pulse space-y-2 ${className}`, children: Array.from({ length: lines }, (_, i) => (_jsx("div", { className: "bg-muted h-3 rounded", style: { width: `${Math.max(40, 100 - i * 15)}%` } }, i))) }));
}
//# sourceMappingURL=Skeleton.js.map