/* global React, Crumbs */
/* ============================================================================
   sections/now.jsx — the "now.md" section.
   ----------------------------------------------------------------------------
   A short snapshot of what Jacky is doing at the moment, pulled from
   data.status. Inspired by the "/now page" idea — keep it current.
   ============================================================================ */
function ViewNow({ data }) {
  const s = data.status;
  return (
    <>
      <Crumbs parts={["~", "portfolio", "now.md"]} />
      <h1 className="rm-h1">
        <span className="hash">#</span>Now{" "}
        <span style={{ color: "var(--muted)", fontSize: 22, fontStyle: "italic" }}>— updated May 2026</span>
      </h1>
      <div className="rm-prose">
        <p>What I'm up to at the moment, in roughly the right order of importance.</p>
        <ul className="rm-ul">
          <li><b>Studying:</b> {s.studying}</li>
          <li><b>Looking for:</b> {s.now}</li>
          <li><b>Based in:</b> {s.location}</li>
          <li><b>Learning:</b> {s.learning}</li>
          <li><b>Reading:</b> {s.reading}</li>
          <li><b>Listening to:</b> {s.listening}</li>
          <li><b>Last shipped:</b> {s.lastShipped}</li>
        </ul>
      </div>
    </>
  );
}

Object.assign(window, { ViewNow });