// CvssReadout — giant critical-score reveal that appears at end of state C.

function CvssReadout({ score, label, visible }) {
  return (
    <div className={`cvss-readout ${visible ? 'is-visible' : ''}`}>
      <div className="cvss-readout-id">{label}</div>
      <div className="cvss-readout-row">
        <div className="cvss-readout-num">{score.toFixed(1)}</div>
        <div className="cvss-readout-meta">
          <div className="cvss-readout-severity">critical chain</div>
          <div className="cvss-readout-hops">5 hops · dijkstra · exploitability-weighted</div>
        </div>
      </div>
      <div className="cvss-readout-caption">individually medium. chained, a breach.</div>
    </div>
  );
}
window.CvssReadout = CvssReadout;