import React from 'react';
import { Box } from '@/ui/Box';

interface AppShellProps {
  children: React.ReactNode;
}

/**
 * AppShell is the root container for the entire application layout.
 * It provides the base background and layout structure.
 */
export function AppShell({ children }: AppShellProps) {
  return (
    <Box 
      minHeight="100vh" 
      bg="#0C0D0F" 
      color="var(--ui-color-text-high)" 
      display="flex" 
      flexDirection="col"
    >
      {children}
    </Box>
  );
}