/* AgendaStrip.jsx — Today's events, color-coded by source feed. */

const AGENDA = [
  { color:'var(--accent)', name:'CS 240 lecture',          src:'Uni · 1h',           tm:'9:00' },
  { color:'var(--purple)', name:'Tutorial · Lab 3',         src:'Uni · 2h',           tm:'10:30' },
  { color:'var(--indigo)', name:'Office hours · Prof. Tanaka', src:'Personal · 1h',  tm:'11:30' },
  { color:'var(--teal)',   name:'Study group · Library',    src:'Personal · 1h 30m',  tm:'1:00' },
  { color:'var(--green)',  name:'Climbing · Bouldering gym', src:'Strava · 1h 20m',   tm:'5:00' },
  { color:'var(--bedtime-ink, #5E5CE6)', name:'🌙 Wind down · bedtime 10:30 PM', src:'Health · auto-scheduled', tm:'10:00' },
];

function AgendaStrip() {
  return (
    <section data-screen-label="03 Agenda">
      <div className="section-title">
        <span>Today's agenda</span>
        <span className="see-all">Open week →</span>
      </div>
      <div className="agenda">
        {AGENDA.map((e, i) => (
          <div key={i} className="agenda-row">
            <span className="sw" style={{ background: e.color }}></span>
            <div className="col">
              <div className="nm">{e.name}</div>
              <div className="src">{e.src}</div>
            </div>
            <div className="tm">{e.tm}</div>
          </div>
        ))}
      </div>
    </section>
  );
}

window.AgendaStrip = AgendaStrip;