import { useParams } from '@tanstack/react-router'
import { createFileRoute } from '@tanstack/react-router'
import { AttendanceProvider } from '../../../../features/class-attendance/AttendanceProvider'
import { ClassAttendanceView } from '../../../../features/class-attendance/ClassAttendanceView'

export const Route = createFileRoute('/_authenticated/class/$sessionId/attendance')({
  component: () => {
    const { sessionId } = useParams({ from: '/_authenticated/class/$sessionId/attendance' })
    return (
      <AttendanceProvider sessionId={sessionId}>
        <ClassAttendanceView />
      </AttendanceProvider>
    )
  },
})