Projects/front/src/components/ui/LoadingSkeleton.tsx

export function LoadingSkeleton({ variant = "card" }: { variant?: "card" | "message" | "list" }) {
  if (variant === "card") {
    return (
      <div className="glass-card p-5 space-y-3">
        <div className="shimmer h-6 w-3/4 rounded" />
        <div className="shimmer h-4 w-full rounded" />
        <div className="shimmer h-4 w-5/6 rounded" />
      </div>
    );
  }
  if (variant === "message") {
    return (
      <div className="flex gap-3">
        <div className="shimmer w-10 h-10 rounded-full" />
        <div className="flex-1 space-y-2">
          <div className="shimmer h-4 w-32 rounded" />
          <div className="shimmer h-16 w-64 rounded-lg" />
        </div>
      </div>
    );
  }
  return <div className="shimmer h-4 w-full rounded" />;
}