import React from 'react'

export const PostCardSkeleton: React.FC = () => {
  return (
    <div className="border border-gray-200 rounded-lg p-6 shadow-sm bg-white animate-pulse">
      <div className="flex items-center gap-2 mb-2">
        <div className="w-16 h-5 bg-gray-200 rounded-full"></div>
        <div className="w-20 h-4 bg-gray-200 rounded"></div>
      </div>
      <div className="h-6 bg-gray-200 rounded w-3/4 mb-3"></div>
      <div className="space-y-2">
        <div className="h-4 bg-gray-200 rounded w-full"></div>
        <div className="h-4 bg-gray-200 rounded w-5/6"></div>
        <div className="h-4 bg-gray-200 rounded w-4/6"></div>
      </div>
      <div className="mt-4 h-4 bg-gray-200 rounded w-20"></div>
    </div>
  )
}