const Warnings = ({ t }) => (
  <section id="warnings" className="section">
    <div className="container container-narrow">
      <div className="section-head">
        <div className="eyebrow">{t.warn_eyebrow}</div>
        <h2>{t.warn_title}</h2>
      </div>

      <ul className="warn-list">
        {t.warn_items.map((w, i) => (
          <li key={i} className="warn-item">
            <i data-lucide="alert-triangle"></i>
            <span>{w}</span>
          </li>
        ))}
      </ul>
    </div>
  </section>
);

window.Warnings = Warnings;