import React from 'react';

interface AppShellProps {
  children: React.ReactNode;
  className?: string;
}

/**
 * AppShell is the root container for the entire application layout.
 * It provides the base background and layout structure.
 */
export function AppShell({ children, className = '' }: AppShellProps) {
  return (
    <div className={`min-h-screen bg-[#0C0D0F] text-gray-100 flex flex-col ${className}`}>
      {children}
    </div>
  );
}