// ScanSuccessScreen — post-submission closure with next-steps.

function ScanSuccessScreen({ data }) {
  const { React } = window;

  return (
    <div className="intake-success">
      <div className="success-icon">✓</div>
      <h2 className="success-title">awaiting your signature</h2>

      <div style={{ textAlign: 'left', maxWidth: '400px', margin: '0 auto 32px', lineHeight: '1.8' }}>
        <p className="success-sub" style={{ marginBottom: '20px' }}>
          your scan authorization document has been generated. here's what happens next:
        </p>
        <ol style={{ fontSize: '14px', color: 'var(--ink)', paddingLeft: '20px', margin: 0 }}>
          <li>check <strong>{data.workEmail}</strong> for an eSignature request</li>
          <li>review and sign the authorization document</li>
          <li>we'll email you deployment instructions once confirmed</li>
        </ol>
      </div>

      <a href="#product" className="success-back">← back to product</a>
    </div>
  );
}

window.ScanSuccessScreen = ScanSuccessScreen;