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: "mb-3 h-4 w-1/3 rounded bg-[var(--muted)]" }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-3 w-full rounded bg-[var(--muted)]" }), _jsx("div", { className: "h-3 w-2/3 rounded bg-[var(--muted)]" })] })] }));
    }
    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: "h-4 w-8 rounded bg-[var(--muted)]" }), _jsx("div", { className: "h-4 flex-1 rounded bg-[var(--muted)]" }), _jsx("div", { className: "h-4 w-20 rounded bg-[var(--muted)]" }), _jsx("div", { className: "h-4 w-24 rounded bg-[var(--muted)]" })] }, i))) }));
    }
    return (_jsx("div", { className: `animate-pulse space-y-2 ${className}`, children: Array.from({ length: lines }, (_, i) => (_jsx("div", { className: "h-3 rounded bg-[var(--muted)]", style: { width: `${Math.max(40, 100 - i * 15)}%` } }, i))) }));
}
//# sourceMappingURL=Skeleton.js.map