import { Skeleton } from "@/components/ui/skeleton";

const CardSkeleton = () => {
  return (
    <div className=" flex-grow w-full px-2 py-3 rounded-md bg-white/50 space-y-3">
      <Skeleton className="h-10  w-10 rounded-full" />
      <Skeleton className="h-2 ml-1 w-[50%] md:w-[70%] rounded-md" />
      <Skeleton className="h-2 ml-1 w-4 md:w-6 rounded-md" />
    </div>
  );
};

export const ProjectResumeSkeleton = () => {
  return (
    <div className="flex-grow grid grid-cols-2  gap-2  place-items-center md:flex justify-between ">
      <CardSkeleton />
      <CardSkeleton />
      <CardSkeleton />
      <CardSkeleton />
    </div>
  );
};