'use client';

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

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 padding={0}>
      <Box 
        overflow="auto" 
        maxHeight={typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight}
      >
        {children}
      </Box>
    </Card>
  );
}