import { getClassBySlug } from "@/services/classService";
import { notFound } from "next/navigation";
import { ClassHeader } from "@/components/ui/ClassHeader";

export default async function ClassLayout(props: LayoutProps<"/[classSlug]">) {
  const { classSlug } = await props.params;
  const classData = await getClassBySlug(classSlug);

  if (!classData) {
    notFound();
  }

  return (
    <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
      {/* Dynamic Header & Tabs */}
      <ClassHeader classSlug={classSlug} className={classData.name} />

      {/* Page content */}
      {props.children}
    </div>
  );
}
