import { Outlet } from 'react-router-dom'
import { ForumHeader } from './ForumHeader'
import { ServerBadge } from './ServerBadge'

export function Layout() {
  return (
    <div
      style={{
        background: '#e8eaf0',
        minHeight: '100vh',
        fontFamily: 'Verdana, Arial, sans-serif',
        fontSize: 11,
        color: '#000',
      }}
    >
      <ForumHeader />
      <div style={{ maxWidth: 900, margin: '0 auto', padding: '8px 4px' }}>
        <Outlet />
      </div>
      <ServerBadge />
    </div>
  )
}
