<main>
  <div class="main-container">
    <div class="dropdown">
      <button
        class="btn btn-secondary dropdown-toggle Sr-16"
        type="button"
        id="dropdownMenu2"
        data-bs-toggle="dropdown"
        aria-expanded="false"
        [ngStyle]="{ color: getTextColor() }"
      >
        <fa-icon [icon]="icon_store" style="color: black;"></fa-icon> {{ name }}
      </button>
      <ul class="dropdown-menu " aria-labelledby="dropdownMenu2">
        <li *ngFor="let element of elements">
          <button class="dropdown-item" type="button">
            <fa-icon [icon]="element.icon"></fa-icon> {{ element.name }}
          </button>
        </li>
      </ul>
    </div>
  </div>
</main>


<!-- <div class="dropdown" dropdown>
    <button class="dropdown-toggle text-light" dropdownToggle> Manage</button>
    <div class="dropdown-menu mt-2 mr-3" *dropdownMenu>
      <a class="dropdown-item"> Profile</a>
      <a class="dropdown-item" href="#">Another action</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item"><i class="fa fa-sign-out"></i>New</a>
    </div>
  </div> -->