import Link from "next/link"

import { Button } from "@/shared/components/ui/button"

export function StudentDashboardHeader({ studentName }: { studentName: string }) {
  return (
    <div className="flex flex-col justify-between gap-4 md:flex-row md:items-center">
      <div className="space-y-1">
        <h1 className="text-3xl font-bold tracking-tight">Dashboard</h1>
        <div className="text-sm text-muted-foreground">Welcome back, {studentName}.</div>
      </div>
      <Button asChild variant="outline">
        <Link href="/student/learning/assignments">View assignments</Link>
      </Button>
    </div>
  )
}