// OPT-IN loading skeleton for /dashboard pages. By default navigation is
// deferred (the previous page stays until the loader settles — no overlay).
// Adding `loading.tsx` opts THIS subtree into swapping in immediately and
// showing a skeleton instead, which suits a data-backed dashboard where the
// loader may take a beat.
import type { ReactNode } from 'react'

export default function DashboardLoading(): ReactNode {
  return (
    <div className="dash">
      <main>
        <div className="cards" aria-hidden="true">
          <div className="skeleton" />
          <div className="skeleton" />
          <div className="skeleton" />
          <div className="skeleton" />
        </div>
      </main>
    </div>
  )
}