// Feasibility.jsx — horizontal 4-column feasibility strip
const Feasibility = ({ snapshot }) => (
  <section className="mr-feas">
    <div className="mr-feas__col">
      <div className="mr-feas__label">Access</div>
      <div className="mr-feas__value">{snapshot.access}</div>
      <span className={`mr-tag mr-tag--ship`}>{snapshot.access_note}</span>
    </div>
    <div className="mr-feas__col">
      <div className="mr-feas__label">Sample size</div>
      <div className="mr-feas__value">{snapshot.sample}</div>
    </div>
    <div className="mr-feas__col">
      <div className="mr-feas__label">IRB effort</div>
      <div className="mr-feas__value">{snapshot.irb}</div>
      <span className="mr-tag mr-tag--ok">{snapshot.irb_note}</span>
    </div>
    <div className="mr-feas__col">
      <div className="mr-feas__label">Est. time to result</div>
      <div className="mr-feas__value">{snapshot.time}</div>
    </div>
  </section>
);

window.Feasibility = Feasibility;