import React from "react";

export default function ProfileCardSkeleton() {
  return (
    <div className="w-full max-w-sm rounded-[10px] border shadow-lg p-4 animate-pulse">

      <div className="w-full h-[280px] bg-gray-200 rounded mb-4"></div>

      <div className="h-4 bg-gray-200 rounded w-3/4 mb-2"></div>

      <div className="h-3 bg-gray-200 rounded w-1/2 mb-3"></div>

      <div className="grid grid-cols-2 gap-2">
        <div className="h-3 bg-gray-200 rounded"></div>
        <div className="h-3 bg-gray-200 rounded"></div>
      </div>

    </div>
  );
}