// Scoped 404 for the /dashboard subtree. Fires when a URL is under
// `/dashboard/...` but no concrete page matches, and when a loader throws
// NotFoundError. The router picks the deepest matching not-found scope.
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>
  )
}