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>
  );
}