'use client';

import React from 'react';
import { Card } from '@/ui/Card';
import { Box } from '@/ui/Box';

interface AdminDataTableProps {
  children: React.ReactNode;
  maxHeight?: string | number;
}

/**
 * AdminDataTable
 * 
 * Semantic wrapper for high-density admin tables.
 * Provides a consistent container with "Precision Racing Minimal" styling.
 */
export function AdminDataTable({
  children,
  maxHeight
}: AdminDataTableProps) {
  return (
    <Card p={0} overflow="hidden">
      <Box 
        overflow="auto" 
        maxHeight={maxHeight}
      >
        {children}
      </Box>
    </Card>
  );
}
