Assist_Design/apps/portal/src/components/atoms/skeleton.tsx

/**
 * Skeleton — now powered by shadcn/ui
 *
 * Uses the standard shadcn animate-pulse pattern instead of the custom
 * cp-skeleton-shimmer animation.
 */

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

interface SkeletonProps extends React.ComponentProps<"div"> {
  animate?: boolean;
}

export function Skeleton({ className, animate = true, ...props }: SkeletonProps) {
  return (
    <div
      data-slot="skeleton"
      className={cn("rounded-md", animate ? "animate-pulse bg-accent" : "bg-muted", className)}
      {...props}
    />
  );
}