import { cn } from "@/lib/ui/variants";

interface SkeletonProps {
  className?: string;
}

// 加载占位：柔和线条底 + motion-safe 脉冲（尊重 prefers-reduced-motion）。
export function Skeleton({ className }: SkeletonProps) {
  return (
    <span
      aria-hidden="true"
      className={cn(
        "block rounded-md bg-line/60 motion-safe:animate-pulse",
        className,
      )}
    />
  );
}