/**
 * Database Statistics Grid Component
 */

import type { DatabaseStats } from '../types';
import { DatabaseCard } from './DatabaseCard';

interface DatabaseStatsGridProps {
  databases: DatabaseStats[];
}

export function DatabaseStatsGrid({ databases }: DatabaseStatsGridProps) {
  return (
    <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
      {databases.map((db) => (
        <DatabaseCard key={db.type} database={db} />
      ))}
    </div>
  );
}