import { Header } from "@/components/layout/header";
import { Footer } from "@/components/layout/footer";
import { LessonsShell } from "@/components/layout/lessons-shell";

export default function LessonsLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="playground-bg flex min-h-screen flex-col">
      <Header />
      <LessonsShell>{children}</LessonsShell>
      <Footer />
    </div>
  );
}