23 lines
650 B
TypeScript
23 lines
650 B
TypeScript
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>
|
|
);
|
|
}
|