import type { JSX } from "react"
import Link from "next/link"
import { ArrowLeft } from "lucide-react"
import { Button } from "@/shared/components/ui/button"
import { TemplatePicker } from "@/modules/lesson-preparation/components/template-picker"

export const dynamic = "force-dynamic"

export default function NewLessonPlanPage(): JSX.Element {
  return (
    <div className="p-6">
      <div className="mb-6 flex items-center gap-4">
        <Button asChild variant="ghost" size="sm">
          <Link href="/teacher/lesson-plans">
            <ArrowLeft className="mr-2 h-4 w-4" aria-hidden="true" />
            返回备课列表
          </Link>
        </Button>
        <h1 className="text-2xl font-bold tracking-tight">新建课案</h1>
      </div>
      <TemplatePicker />
    </div>
  )
}