// DonateBlock.jsx — donate section: DonationWidget on left, value-prop panel on right
function DonateBlock({ lang }) {
  const t = lang === 'pl'
    ? {
        kicker: 'Wesprzyj nas',
        h2: 'Twoje wsparcie zmienia czyjąś sytuację',
        intro: (<>Każda darowizna pomaga nam realizować projekty edukacyjne i społeczne. Darowiznę na cele statutowe możesz odliczyć od dochodu — <strong>osoby fizyczne do 6%</strong>, <strong>firmy do 10%</strong> dochodu (warunek: wpłata na rachunek bankowy fundacji).</>),
        noteTitle: 'Dlaczego warto?',
        ticks: [
          '100% darowizn przeznaczamy na działalność statutową.',
          'Wsparcie możesz odliczyć od podatku (PIT/CIT).',
          'Działamy lokalnie — efekty są widoczne w społeczności.',
        ],
        cta: 'Skontaktuj się w sprawie wsparcia',
      }
    : {
        kicker: 'Support us',
        h2: 'Your support changes someone\u2019s situation',
        intro: (<>Every donation helps us deliver education and inclusion projects. Donations for statutory purposes are tax-deductible — <strong>individuals up to 6%</strong>, <strong>companies up to 10%</strong> of income (bank-transfer required).</>),
        noteTitle: 'Why give?',
        ticks: [
          '100% of donations go to statutory activities.',
          'Tax-deductible (PIT/CIT).',
          'We work locally — results are visible in the community.',
        ],
        cta: 'Get in touch about supporting us',
      };

  return (
    <section id="wesprzyj" className="section">
      <div className="container">
        <p className="kicker">{t.kicker}</p>
        <h2>{t.h2}</h2>
        <p className="section-intro">{t.intro}</p>
        <div className="donate">
          <DonationWidget lang={lang} />
          <div className="donate-note">
            <h3>{t.noteTitle}</h3>
            <ul className="ticks">
              {t.ticks.map((tick, i) => <li key={i}>{tick}</li>)}
            </ul>
            <a className="btn btn-primary" href="#kontakt">{t.cta}</a>
          </div>
        </div>
      </div>
    </section>
  );
}

window.DonateBlock = DonateBlock;