export default function DashboardLoading() {
  return (
    <div className="db-loading-page" aria-busy="true" aria-label="Cargando dashboard…">
      <div className="db-skeleton-block" style={{ height: 60, marginBottom: 16 }} />
      <div className="db-grid">
        {Array.from({ length: 4 }).map((_, i) => (
          <div key={i} className="db-skeleton-block" style={{ gridColumn: 'span 3', height: 96 }} />
        ))}
        {Array.from({ length: 6 }).map((_, i) => (
          <div key={i+4} className="db-skeleton-block" style={{ gridColumn: 'span 6', height: 240 }} />
        ))}
      </div>
    </div>
  )
}
