import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from "../../../utils/cn";
export const Skeleton = ({ width, height, className, variant = "rectangular", testId, }) => {
    const baseStyles = "animate-pulse bg-neutral-200 dark:bg-neutral-700";
    const variantStyles = {
        text: "rounded",
        circular: "rounded-full",
        rectangular: "rounded-lg",
    };
    return (_jsx("div", { className: cn(baseStyles, variantStyles[variant], className), style: { width, height }, "aria-busy": "true", "aria-label": "Loading content", "data-testid": testId }));
};
export default Skeleton;
