How to organize the structure of this part of the site according to the BEM methodology?

Question

HTML

How to organize the structure of this part of the site according to the BEM methodology? Please give me an example. You can simply lay it out using div tags, for me the main thing is how exactly the classes of elements and blocks will look.

Answer 1

<header class="header">
  <div class="header__logo">logo</div>
  <div class="header__controlls">
    <nav class="nav header__nav">
      <ul class="nav__list">
        ...
        <li class="nav__list-item">nav item</li>
      </ul>
    </nav>
    <div class="header__buttons">
      <button class="button">Войти</button>
      <button class="button button--primary">Зарегистрироваться</button>
    </div>
  </div>
</header>