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

const CONTROL_NAV = [
  { to: '/control/status', label: 'Steuerung', end: true },
  { to: '/control/journey', label: 'Journey', end: true },
]

export function ControlLayout() {
  return (
    <div className="app-page">
      <ModeShell modeKey="control" />
      <ModeSubNav items={CONTROL_NAV} />
      <Outlet />
    </div>
  )
}

export function ControlIndexRedirect() {
  return <Navigate to="/control/status" replace />
}