const { useState: useImpState } = React;
function ImportScreen({ onDone }) {
  const [phase, setPhase] = useImpState('drop'); // drop | scan | done
  const start = () => { setPhase('scan'); setTimeout(() => setPhase('done'), 2200); };
  return (<div className="t-import">
    {phase === 'drop' && (<div className="t-drop" onClick={start}>
      <svg width="44" height="44" viewBox="0 0 24 24" fill="none"><path d="M12 16V4m0 0l-4 4m4-4l4 4" stroke="#1c3a8f" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"></path><path d="M4 16v3a1 1 0 001 1h14a1 1 0 001-1v-3" stroke="#1c3a8f" strokeWidth="1.8" strokeLinecap="round"></path></svg>
      <b>Déposer le fichier Excel des impayés</b>
      <span>ou cliquer pour parcourir — .xlsx, .csv · onglets POLE ITE / PV / PAC</span>
      <button className="t-btn t-btn--primary">Simuler avec « donnees.xlsx »</button>
    </div>)}
    {phase === 'scan' && (<div className="t-scan">
      <div className="t-scan-ring"></div>
      <b>Analyse IA en cours…</b>
      <span>Lecture des 3 onglets · normalisation des colonnes · détection des montants</span>
    </div>)}
    {phase === 'done' && (<div className="t-scan-result">
      <div className="t-scan-head"><span className="t-check">✓</span><div><b>donnees.xlsx analysé</b><span>3 onglets · 16 dossiers classés dans le pipe</span></div></div>
      <div className="t-anomalies">
        <b>7 anomalies corrigées par l'IA</b>
        <ul>
          <li>Colonnes décalées sur 9 lignes (téléphone dans « Total facture », email dans « Montant ») — réalignées</li>
          <li>Montants mixtes « 29 400 € » / 29400 — normalisés en numérique</li>
          <li>2 doublons d'ID fusionnés (FRADET, BARKER)</li>
          <li>Commentaires libres analysés → dates de relance extraites (nrp mail, LRAR…)</li>
        </ul>
      </div>
      <div className="t-scan-split">
        <div><b>16</b><span>dossiers importés</span></div>
        <div><b>4</b><span>déjà au contentieux</span></div>
        <div><b>131 246 €</b><span>reste dû détecté</span></div>
        <div><b>2</b><span>illisibles → revue manuelle</span></div>
      </div>
      <button className="t-btn t-btn--primary" onClick={onDone}>Voir le pipe de relance →</button>
    </div>)}
  </div>);
}
Object.assign(window, { ImportScreen });