'use client';

import React, { ReactNode } from 'react';
import { Grid } from '@/ui/Grid';

interface DriverGridProps {
  children: ReactNode;
}

/**
 * DriverGrid - A semantic layout for displaying driver cards.
 */
export function DriverGrid({ children }: DriverGridProps) {
  return (
    <Grid cols={{ base: 1, md: 2, lg: 3, xl: 4 }} gap={4}>
      {children}
    </Grid>
  );
}