import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from '../../../lib/utils';
const variantStyles = {
    line: 'h-4 w-full rounded-md',
    circle: 'size-12 rounded-full',
    card: 'h-32 w-full rounded-lg',
};
export function LoadingSkeleton({ variant = 'line', width, height, className, }) {
    return (_jsx("div", { role: "status", "aria-label": "Loading", className: cn('bg-muted animate-pulse', variantStyles[variant], className), style: {
            ...(width ? { width } : {}),
            ...(height ? { height } : {}),
        } }));
}
