// Listen — outbound links to streaming + direct-purchase platforms.
// URLs come from window.RO_PLATFORMS (site/data/platforms.js).

function Listen({ t }) {
  const platforms = (typeof window !== 'undefined' && Array.isArray(window.RO_PLATFORMS)) ? window.RO_PLATFORMS : [];

  return (
    <section id="listen" data-screen-label="08 Listen" className="sec sec-listen">
      <SectionHead num="08" title="Listen" sub="streaming · buy direct" />

      <div className="lst-grid">
        {platforms.map((p) => (
          <a key={p.key}
             className={`lst-card lst-card-${p.key}`}
             href={p.url}
             target="_blank"
             rel="noreferrer">
            <div className="lst-card-top">
              <span className="lst-card-name">{p.name}</span>
              <span className="lst-card-arrow">↗</span>
            </div>
            <div className="lst-card-handle">{p.handle}</div>
            <div className="lst-card-note dim">{p.note}</div>
          </a>
        ))}
      </div>

      <div className="lst-foot dim">
        ━━ Bandcamp pays artists the highest share of any platform.
        On Bandcamp Fridays, 100%.
      </div>
    </section>
  );
}

window.Listen = Listen;