/* global React, useReveal, SectionHead */

const certs = [
  { name: "McKinsey Forward Program", issuer: "McKinsey & Company", date: "Expected Jun 2026" },
  { name: "Power BI Data Analyst, Professional Certificate", issuer: "Microsoft", date: "Nov 2025" },
  { name: "SQL for Data Science", issuer: "UC Davis", date: "Sep 2025" },
  { name: "Social Media Marketing, Professional Certificate", issuer: "Meta", date: "Jun 2025" },
  { name: "Emerging Leaders Certification", issuer: "Truist", date: "Feb 2025" },
];

window.Credentials = function Credentials() {
  const ref = useReveal();
  return (
    <section className="section section--border" id="credentials" ref={ref}>
      <SectionHead num="06 — Credentials" title="Certifications" titleEm="& education" meta="Verified" />

      <div className="register">
        <div className="reveal">
          <h3>Certifications</h3>
          {certs.map((c, i) => (
            <div className="cert" key={i}>
              <div className="cert__name">
                {c.name}
                <small>{c.issuer}</small>
              </div>
              <div className="cert__date">{c.date}</div>
            </div>
          ))}

          <div className="publication">
            <div className="lbl">Publication — Award</div>
            <div className="t">
              Winner — Brenton Woods International Economics Competition, Berkeley Economic Review (Spring 2024).
            </div>
            <a
              className="lk"
              href="https://econreview.studentorg.berkeley.edu/spring-202-brenton-woods-international-economics-competition-winner/"
              target="_blank"
              rel="noopener noreferrer"
            >
              Read on Berkeley Economic Review ↗
            </a>
          </div>
        </div>

        <div className="reveal">
          <h3>Education</h3>
          <div className="edu__card">
            <div className="edu__badge">Undergraduate · In progress</div>
            <div className="edu__degree">
              B.S. Business Administration<br/>
              <em>Analytics Track</em>
            </div>
            <div className="edu__school">
              <strong>University of North Carolina at Pembroke</strong><br/>
              Esther G. Maynor Honors College
            </div>
            <div className="edu__meta">
              <span>Aug 2024 — May 2028</span>
              <span>Pembroke, N.C.</span>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};