interface AdminDataGridProps {
  children: React.ReactNode;
  columns?: 1 | 2 | 3 | 4 | 5;
  gap?: "sm" | "md" | "lg";
  className?: string;
}

export default function AdminDataGrid({
  children,
  columns = 3,
  gap = "md",
  className = "",
}: AdminDataGridProps) {
  const gridCols = {
    1: "grid-cols-1",
    2: "grid-cols-1 md:grid-cols-2",
    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
    4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
    5: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
  }[columns];

  const gapClasses = {
    sm: "gap-4",
    md: "gap-6",
    lg: "gap-8",
  }[gap];

  return <div className={`grid ${gridCols} ${gapClasses} ${className}`}>{children}</div>;
}


