// EmptyState.jsx — quiet placeholder shown before a question is submitted
const EmptyState = ({ footNote }) => (
  <section className="mr-empty">
    <div className="mr-empty__kicker">WHAT YOU'LL GET</div>
    <ol className="mr-empty__list">
      <li><b className="mr-empty__n">01</b><span><b>Route</b> — 识别你的研究类型（横断面 / 队列 / 病例对照 …），选出对应的公开数据路径。</span></li>
      <li><b className="mr-empty__n">02</b><span><b>Shortlist</b> — 5 个最相关的数据集，每个都有 fit 分数、理由、访问摩擦。</span></li>
      <li><b className="mr-empty__n">03</b><span><b>Feasibility</b> — 样本量、IRB 难度、预估交付时间。</span></li>
      <li><b className="mr-empty__n">04</b><span><b>Next action</b> — 一个具体的、今天就能做的下一步。</span></li>
    </ol>
    <p className="mr-empty__foot">{footNote || "输入上方问题后，整条路径会在这里展开。"}</p>
  </section>
);

window.EmptyState = EmptyState;