/** Neutral placeholders communicate structure without suggesting partial statistics. */
export function FaultAnalysisLoading() {
  return <div className="fault-analysis-loading" role="status" aria-live="polite">
    <div className="fault-loading-status">
      <svg className="fault-loading-spinner" viewBox="0 0 32 32" aria-hidden="true">
        {Array.from({ length: 12 }, (_, i) => <rect key={i} x="14.75" y="2" width="2.5" height="7" rx="1.25" fill="currentColor" transform={`rotate(${i * 30} 16 16)`} style={{ animationDelay: `${i / 12 - 1}s` }} />)}
      </svg>
      <span>正在加载故障数据…</span>
    </div>
    <div className="fault-loading-skeleton" aria-hidden="true">
      <div className="fault-loading-controls"><span className="fault-loading-block fault-loading-title" /><div>{Array.from({ length: 6 }, (_, i) => <span className="fault-loading-block" key={i} />)}</div></div>
      <div className="fault-loading-summary"><span className="fault-loading-block" /><span className="fault-loading-block" /></div>
      <div className="fault-loading-table"><div className="fault-loading-table-head">{Array.from({ length: 3 }, (_, i) => <span className="fault-loading-block" key={i} />)}</div>{Array.from({ length: 5 }, (_, i) => <div className="fault-loading-row" key={i}><span className="fault-loading-block" /><span className="fault-loading-block" /><span className="fault-loading-block" /></div>)}</div>
    </div>
  </div>;
}