import React from 'react';
function EngramStats({ lookupMs }) {
const linearMs = 1000; // Simulated linear search time
const speedup = Math.floor(linearMs / lookupMs);
return (
<div className="engram-stats">
<h3>⚡ ENGRAM O(1) Performance</h3>
<div className="engram-comparison">
<div className="comparison-row">
<div className="comparison-label">Linear O(n)</div>
<div className="comparison-bar">
<div
className="comparison-fill linear"
style={{ width: '100%' }}
>
{linearMs}ms
</div>
</div>
</div>
<div className="comparison-row">
<div className="comparison-label">ENGRAM</div>
<div className="comparison-bar">
<div
className="comparison-fill engram"
style={{ width: `${(lookupMs / linearMs) * 100}%`, minWidth: '60px' }}
>
{lookupMs}ms
</div>
</div>
</div>
</div>
<div className="speedup-badge">
🚀 {speedup}x faster than linear search
</div>
<div style={{ marginTop: '12px', fontSize: '11px', color: 'var(--text-muted)', textAlign: 'center' }}>
Multi-head SHA-256 • Collision-resistant chains
</div>
</div>
);
}
export default EngramStats;
