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 max-w-5xl px-6 py-12 sm:py-16">
        {children}
      </main>
      <Footer />
    </>
  )
}
