"use client";
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx } from 'react/jsx-runtime';

function cn(...inputs) {
  return twMerge(clsx(inputs));
}
function Shimmer({
  width = "100%",
  height = "1.5rem",
  durationMs = 1500,
  label = "Loading\u2026",
  className
}) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      role: "status",
      "aria-label": label,
      "aria-live": "polite",
      className: cn(
        // `motion-safe:` gates the pulse on `prefers-reduced-motion: no-preference` —
        // users with reduce-motion get a static bar.
        "motion-safe:animate-pulse rounded-md border border-foreground/[0.06] bg-muted",
        className
      ),
      style: {
        width,
        height,
        animationDuration: `${durationMs}ms`
      }
    }
  );
}

export { Shimmer };
//# sourceMappingURL=shimmer.js.map
//# sourceMappingURL=shimmer.js.map