<div class="navbar__discover d-flex flex-row align-items-center">
  <div>
    <div class="navbar__brand">
      <app-brand></app-brand>
    </div>
  </div>

  <div class="d-flex navbar__categories">
    <app-dropdown-categories
      [name]="'Consumibles'"
      [is_in_home]="false"
    ></app-dropdown-categories>
    <app-dropdown-categories
      [name]="'Tiendas'"
      [is_in_home]="false"
    ></app-dropdown-categories>
    <app-dropdown-categories
      [name]="'Más'"
      [is_in_home]="false"
    ></app-dropdown-categories>
  </div>

  <div class="navbar__search d-flex">
    <app-search (search_change)="handlePatternSearch($event)"></app-search>
  </div>
  <button (click)="showFilters()" class="button-only-icon mr-1">
    <fa-icon [icon]="icon_settings"></fa-icon>
  </button>
</div>