<div class="search-container hide-lt-md">
  <input *ngIf="searchConfig" placeholder="{{searchConfig.placeholder || searchPlaceholder }}" [formControl]="searchText">
  <button (click)="clearSearch()" *ngIf="searchText.value" class="close-search-button" mat-icon-button>
    <mat-icon>close</mat-icon>
  </button>
</div>
<div class="hide-gt-sm mobile-search-btn-container">
  <mat-icon (click)="switchShowMobileInput()" class="fl-icons show-search-input-mobile-icon">search</mat-icon>
</div>
<div class="search-container-mobile hide-gt-sm">
  <input *ngIf="showMobileInput && searchConfig" #mobileSearchInput type="text"
         placeholder="{{searchConfig.placeholder || searchPlaceholder }}" [formControl]="searchText">
  <mat-icon *ngIf="showMobileInput" (click)="switchShowMobileInput()"
            class="search-container-mobile-close">
    close
  </mat-icon>
</div>
