import { Navigate, Outlet } from 'react-router-dom'
import { ModeShell } from '../../components/ModeShell.jsx'
import { ModeSubNav } from '../../components/ModeSubNav.jsx'

const WORK_NAV = [
  { to: '/work/today', label: 'Heute', end: true },
  { to: '/work/mine', label: 'Meine Queue', end: true },
]

export function WorkLayout() {
  return (
    <div className="app-page">
      <ModeShell modeKey="work" />
      <ModeSubNav items={WORK_NAV} />
      <Outlet />
    </div>
  )
}

export function WorkIndexRedirect() {
  return <Navigate to="/work/today" replace />
}