import { Outlet } from 'react-router-dom'
import { Footer } from './Footer'
import { HeaderDark } from './HeaderDark'

export function Layout() {

  return (
    <div className="bg-[#fdfdfd] antialiased relative" style={{ fontFamily: 'var(--font-inter)' }}>
      <div className="relative z-10">
        <HeaderDark />
        <main>
          <Outlet />
        </main>
        <Footer />
      </div>
    </div>
  )
}