로고조성현

Shadcn Skeleton Random Delay

const Skeleton = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {
  const randomDelay = `${Math.random() * 2}s`;
  return (
    <div
      className={cn("animate-pulse rounded-md bg-primary/10", className)}
      style={{ animationDelay: randomDelay }}
      {...props}
    />
  );
};