const BUYER_ROWS = [
  { name: 'Alexander M', income: '258 000 ₽', pay: '68 302 ₽', profit: '189 698 ₽', com: '5 000 ₽', ads: '2 400 ₽', loss: '8 000 ₽', refunds: '45 000 ₽' },
  { name: 'Borya 88',    income: '394 200 ₽', pay: '100 901 ₽', profit: '293 299 ₽', com: '6 000 ₽', ads: '3 100 ₽', loss: '10 000 ₽', refunds: '75 000 ₽' },
  { name: 'Angelika K',  income: '257 100 ₽', pay: '89 421 ₽', profit: '167 679 ₽', com: '4 500 ₽', ads: '2 100 ₽', loss: '10 000 ₽', refunds: '65 000 ₽' },
  { name: 'Julia K',     income: '301 202 ₽', pay: '98 021 ₽', profit: '203 181 ₽', com: '5 200 ₽', ads: '2 800 ₽', loss: '12 000 ₽', refunds: '70 000 ₽' },
  { name: 'Deamon MSK',  income: '198 429 ₽', pay: '74 221 ₽', profit: '124 208 ₽', com: '4 000 ₽', ads: '2 000 ₽', loss: '8 000 ₽',  refunds: '55 000 ₽' },
];

function BuyersTable() {
  return (
    <section className="sec" data-screen-label="03b Buyers" style={{ paddingTop: 0 }}>
      <div className="container">
        <div className="table-section">
          <div className="table-head enter">
            <h2>Доходность <span className="blue">Баеров</span></h2>
            <div className="bar"></div>
          </div>
          <div className="table-wrap enter">
            <div className="table-scroll">
              <table className="buyers">
                <thead>
                  <tr>
                    <th>Вебмастер</th>
                    <th>Доход</th>
                    <th>Оплата труда</th>
                    <th className="blue">Чистая прибыль</th>
                    <th>Комиссия</th>
                    <th>Реклама</th>
                    <th className="amber">Потери свилок</th>
                    <th>Кидки</th>
                  </tr>
                </thead>
                <tbody>
                  {BUYER_ROWS.map((r) => (
                    <tr key={r.name}>
                      <td className="nm">{r.name}</td>
                      <td>{r.income}</td>
                      <td>{r.pay}</td>
                      <td className="profit">{r.profit}</td>
                      <td>{r.com}</td>
                      <td>{r.ads}</td>
                      <td className="loss">{r.loss}</td>
                      <td>{r.refunds}</td>
                    </tr>
                  ))}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.BuyersTable = BuyersTable;