// Scoped 404 for the /dashboard subtree. Fires when a URL is under
// `/dashboard/...` but no concrete page matches (e.g. /dashboard/nope), and
// when a loader throws NotFoundError. The router picks the deepest matching
// not-found scope, so this handles dashboard misses while the rest of the
// app falls back to the router default.
import type { ReactNode } from 'react'
import { T } from '@voltro/i18n'

export default function DashboardNotFound(): ReactNode {
  return (
    <div className="dash">
      <main>
        <h1><T id="notFound.heading" /></h1>
        <p className="muted"><T id="notFound.body" /></p>
        <p style={{ marginTop: '1rem' }}><a href="/dashboard"><T id="notFound.back" /></a></p>
      </main>
    </div>
  )
}