import { cn } from "@/lib/utils";

interface SkeletonProps {
  className?: string;
  variant?: "line" | "circle" | "rect";
}

export function Skeleton({ className, variant = "rect" }: SkeletonProps) {
  return (
    <div
      className={cn(
        "animate-shimmer bg-gradient-to-r from-muted via-muted/60 to-muted bg-[length:200%_100%]",
        variant === "circle" && "rounded-full",
        variant === "line" && "h-4 rounded",
        variant === "rect" && "rounded-md",
        className,
      )}
    />
  );
}
