'use client';

import { Card } from '@/ui/Card';
import { Stack } from '@/ui/primitives/Stack';
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 p={0} overflow="hidden">
      <Stack 
        overflow="auto" 
        maxHeight={typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight}
      >
        {children}
      </Stack>
    </Card>
  );
}