const Education = () => {
  const rows = [
    { year: "2026 – 2029", title: "BSc Computer Science", sub: "King's College London", status: "Incoming" },
    { year: "2025 – 2026", title: "Access to HE Diploma: CS & Mathematics", sub: "45 Distinctions / 45 · 60 credits", status: "Distinction" },
  ];
  return (
    <section className="section" id="education">
      <div className="container">
        <div className="sec-head">
          <div className="eyebrow">Education</div>
          <h2>Where I'm learning.</h2>
        </div>
        <div>
          {rows.map((r, i) => (
            <div className="edu-row" key={i}>
              <div className="edu-year">{r.year}</div>
              <div>
                <div className="edu-title">{r.title}</div>
                <div className="edu-sub">{r.sub}</div>
              </div>
              <div className="edu-status">{r.status}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

window.Education = Education;