import type { ReactNode } from "react"

import { cn } from "@/shared/lib/utils"

/**
 * 选修课模块页面布局（消除 admin/teacher 列表页重复结构）。
 *
 * 复用模式：标题区 + 内容区（含创建按钮）。
 */
interface ElectivePageLayoutProps {
  /** 页面头部（标题 + 描述） */
  header: ReactNode
  /** 主体内容（课程列表等） */
  children: ReactNode
  /** 额外类名 */
  className?: string
}

export function ElectivePageLayout({
  header,
  children,
  className,
}: ElectivePageLayoutProps) {
  return (
    <div className={cn("flex h-full flex-col space-y-8 p-8", className)}>
      {header}
      {children}
    </div>
  )
}
