/* HeroG — updated email panel.
   Replaces the coffee-shop-specific titles with five SBO-generic, mixed-
   category prompts: Reviews · Reviews · Revenue · Marketing · Skill.
   Renders inside HeroG's left-panel slot of the triptych. */

function PanelEmailG() {
  const items = [
    { kind: "Reviews",   label: "Lost-Customer Win-Back Sequence" },
    { kind: "Reviews",   label: "Three-Reply Reputation Recovery", hot: true },
    { kind: "Revenue",   label: "Slow-Day Revenue Test Memo" },
    { kind: "Marketing", label: "Weekend Content Pack · Reels + Stories" },
    { kind: "Skill",     label: "Bonus · AI Assistant Setup" },
  ];
  return (
    <div className="hv-mail">
      <div className="hv-mail-head">
        <span className="hv-mail-from">From · jim@reconai.io</span>
        <span className="hv-mail-time">7:02 AM</span>
      </div>
      <div className="hv-mail-subj"><em>Your April prompts (5)</em></div>
      <div className="hv-mail-body">
        {items.map((it, i) => (
          <div key={i} className={`hv-mail-row ${it.hot ? "hv-mail-row-hot" : ""}`}>
            <span>—</span>
            <span>{it.label}</span>
          </div>
        ))}
      </div>
    </div>
  );
}

window.PanelEmailG = PanelEmailG;