'use client';

import { Card } from '@/ui/Card';
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}>
      <div 
        style={{ 
          overflow: 'auto', 
          maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight 
        }}
      >
        {children}
      </div>
    </Card>
  );
}