import React from 'react'

export default function PostCardSkeleton() {
  return (
    <div className="rounded-2xl border border-white/[0.06] bg-white/[0.03] p-5 animate-pulse space-y-4">
      {/* Header */}
      <div className="flex items-center gap-3">
        <div className="w-9 h-9 rounded-full bg-white/10 shrink-0" />
        <div className="space-y-1.5 flex-1">
          <div className="h-3 bg-white/10 rounded w-28" />
          <div className="h-2 bg-white/6 rounded w-20" />
        </div>
      </div>
      {/* Body */}
      <div className="space-y-2">
        <div className="h-3 bg-white/10 rounded w-full" />
        <div className="h-3 bg-white/8 rounded w-4/5" />
        <div className="h-3 bg-white/6 rounded w-2/3" />
      </div>
      {/* Artwork embed placeholder */}
      <div className="rounded-xl bg-white/5 aspect-[16/9]" />
      {/* Actions */}
      <div className="flex gap-4 pt-1">
        <div className="h-3 bg-white/8 rounded w-12" />
        <div className="h-3 bg-white/6 rounded w-16" />
        <div className="h-3 bg-white/6 rounded w-10" />
      </div>
    </div>
  )
}
