// Generic content-card skeleton used by per-segment loading.tsx files.
// Sidebar lives in app/layout.js and stays mounted across navigations, so
// each loading boundary only needs to skeleton the .admin-shell area.

export function AdminShellSkeleton({ label }: { label?: string } = {}) {
  return (
    <main className="admin-shell" aria-busy="true" aria-live="polite">
      <div className="nav-skeleton" role="status">
        <span className="sr-only">{label ? `Loading ${label}…` : 'Loading…'}</span>
        <div className="nav-skeleton__header" />
        <div className="nav-skeleton__strip">
          <div className="nav-skeleton__pill" />
          <div className="nav-skeleton__pill" />
          <div className="nav-skeleton__pill" />
          <div className="nav-skeleton__pill" />
        </div>
        <div className="nav-skeleton__rows">
          <div className="nav-skeleton__row" />
          <div className="nav-skeleton__row" />
          <div className="nav-skeleton__row" />
          <div className="nav-skeleton__row" />
        </div>
      </div>
    </main>
  );
}
