import { Card, Skeleton } from "@heroui/react";

export function PostSkeleton() {
  return (
    <Card className="p-4" radius="lg">
      <div className="flex flex-col gap-3">
         {/* Header area */}
        <div className="flex flex-col gap-2">
          <Skeleton className="h-5 w-1/3 rounded-lg dark:bg-zinc-700" />
          <Skeleton className="h-3 w-1/4 rounded-lg dark:bg-zinc-700" />
        </div>
        
        {/* Content area */}
        <div className="space-y-2">
          <Skeleton className="h-3 w-full rounded-lg dark:bg-zinc-700" />
          <Skeleton className="h-3 w-full rounded-lg dark:bg-zinc-700" />
          <Skeleton className="h-3 w-2/3 rounded-lg dark:bg-zinc-700" />
        </div>
      </div>
    </Card>
  );
}