import { Header } from '@/components/layout/Header'
import { Footer } from '@/components/layout/Footer'
import { ScrollProgress } from '@/components/ui/ScrollProgress'

export default function BlogLayout({ children }: { children: React.ReactNode }) {
  return (
    <>
      <ScrollProgress />
      <Header />
      <main className="mx-auto w-full max-w-6xl px-6 py-16 sm:py-24">
        {children}
      </main>
      <Footer />
    </>
  )
}