21 lines
515 B
TypeScript
21 lines
515 B
TypeScript
import React from 'react';
|
|
|
|
interface ContentShellProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
/**
|
|
* ContentShell is the main data zone of the application.
|
|
* It houses the primary content and track maps/data tables.
|
|
*/
|
|
export function ContentShell({ children, className = '' }: ContentShellProps) {
|
|
return (
|
|
<main className={`flex-1 overflow-y-auto bg-[#0C0D0F] ${className}`}>
|
|
<div className="max-w-7xl mx-auto px-4 md:px-6 py-6">
|
|
{children}
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|