import { Card, CardContent, CardHeader } from "@/components/ui/card";
import { Skeleton } from "@/components/ui/skeleton";

export default function ResourceCardSkeleton() {
  return (
    <Card size="sm" className="h-full flex flex-col pt-0 overflow-hidden">
      <Skeleton className="w-full h-48 rounded-none" />
      <CardHeader>
        <div className="flex items-center justify-between gap-2 mb-2">
          <Skeleton className="h-5 w-20 rounded-full" />
          <Skeleton className="h-4 w-12" />
        </div>
        <Skeleton className="h-5 w-full mt-2" />
        <Skeleton className="h-5 w-2/3 mt-1" />
        <Skeleton className="h-3 w-24 mt-2" />
      </CardHeader>
      <CardContent className="flex-1 mt-auto">
        <div className="space-y-2">
          <Skeleton className="h-3 w-full" />
          <Skeleton className="h-3 w-full" />
          <Skeleton className="h-3 w-4/5" />
        </div>
        <Skeleton className="h-9 w-full mt-4" />
      </CardContent>
    </Card>
  );
}