// frontend/components/dashboard/DashboardSkeleton.tsx
export function DashboardSkeleton() {
  return (
    <div className="dash-page" aria-busy="true" aria-live="polite">
      <div className="pagehead">
        <div>
          <div className="skel skel-eyebrow" />
          <div className="skel skel-title" />
        </div>
      </div>
      <div className="work">
        <div className="board">
          <section className="card hero sp2">
            <div className="skel skel-block" />
          </section>
          {Array.from({ length: 5 }).map((_, i) => (
            <section className="card" key={i}>
              <div className="skel skel-head" />
              <div className="skel skel-line" />
              <div className="skel skel-line" />
              <div className="skel skel-line short" />
            </section>
          ))}
        </div>
      </div>
    </div>
  );
}
