// CLI-style command bar for section headers
const Cli = ({ user = "researcher", host = "netdb-island", path, cmd, flags }) => (
  <div className="cli" role="presentation" aria-hidden="true">
    <div className="cli-chrome">
      <span className="dot r"/><span className="dot y"/><span className="dot g"/>
    </div>
    <div className="cli-prompt">
      <span><span className="cli-user">{user}</span><span className="cli-at">@</span><span className="cli-host">{host}</span></span>
      <span className="cli-sep">:</span>
      <span className="cli-path">~/{path}</span>
      <span className="cli-sep">$</span>
      <span className="cli-cmd">{cmd}</span>
      {flags && <span className="cli-flag">{flags}</span>}
      <span className="cli-cursor"/>
    </div>
  </div>
);
window.Cli = Cli;
