import React from 'react';

interface ContentViewportProps {
  children: React.ReactNode;
  className?: string;
  fullWidth?: boolean;
}

/**
 * ContentViewport is the main data zone of the "Telemetry Workspace".
 * It houses the primary content, track maps, and data tables.
 * Aligned with "Precision Racing Minimal" theme.
 */
export function ContentViewport({ children, className = '', fullWidth = false }: ContentViewportProps) {
  return (
    <main className={`flex-1 overflow-y-auto bg-[#0C0D0F] ${className}`}>
      <div className={fullWidth ? '' : 'max-w-7xl mx-auto px-4 md:px-6 py-6'}>
        {children}
      </div>
    </main>
  );
}