export function PostGridSkeleton({ count = 8 }: { count?: number }) {
  return (
    <div className="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4">
      {Array.from({ length: count }, (_, index) => (
        <div
          key={index}
          className="overflow-hidden rounded-2xl border border-[#d6d0c3] bg-[#fffdf7] shadow-sm"
        >
          <div className="aspect-[16/10] animate-pulse bg-[#ebe4d6]" />
          <div className="space-y-3 p-4">
            <div className="h-4 animate-pulse rounded bg-[#ebe4d6]" />
            <div className="h-4 w-2/3 animate-pulse rounded bg-[#ebe4d6]" />
            <div className="h-3 w-1/2 animate-pulse rounded bg-[#f0ebe0]" />
          </div>
        </div>
      ))}
    </div>
  );
}