import { notFound } from "next/navigation"
import { getEmployeeById } from "@/features/employees/service"
import EmployeeDetails from "@/features/employees/components/EmployeeDetails"
import PageShell from "@/components/app/PageShell"
import PageHeader from "@/components/app/PageHeader"

interface Props {
  params: Promise<{ id: string }>
}

export default async function EmployeeDetailsPage({ params }: Props) {
  const { id } = await params
  const employee = await getEmployeeById(id)

  if (!employee) notFound()

  return (
    <PageShell>
      <PageHeader
        title={employee.fullName}
        description={employee.position ?? "Employee"}
      />
      <EmployeeDetails employee={employee} />
    </PageShell>
  )
}