import React from "react";
import { cn } from "./cn";

export default function SkeletonList({ rows = 5, className }) {
  return (
    <div className={cn("mt-4 space-y-3", className)}>
      {Array.from({ length: rows }).map((_, i) => (
        <div
          key={i}
          className="h-12 rounded-xl shadow bg-black/5 dark:bg-white/10 animate-pulse"
        />
      ))}
    </div>
  );
}
