import { QueueItemSkeleton } from './QueueItemSkeleton';

interface QueueSkeletonProps {
  count?: number;
}

export function QueueSkeleton({ count = 5 }: QueueSkeletonProps) {
  return (
    <div className="flex flex-col gap-6">
      {Array.from({ length: count }).map((_, i) => (
        <QueueItemSkeleton key={i} index={i} />
      ))}
    </div>
  );
}