<div class="search-container">
  <div class="selectbox">
    <mat-select
      class="search-selec-box"
      [(value)]="companyCode"
      disableOptionCentering
    >
      <mat-option
        *ngFor="let company of companyList"
        [value]="company.companyCode"
        >{{ company.companyName }}
      </mat-option>
    </mat-select>
  </div>
  <div class="searchbox">
    <mat-form-field>
      <mat-label>이름 부서명, 전화번호, 이메일</mat-label>
      <input
        matInput
        #searchWordInput
        placeholder="이름 부서명, 전화번호, 이메일"
        (keydown.enter)="onKeyDownEnter(searchWordInput.value)"
      />
      <button
        mat-button
        matSuffix
        mat-icon-button
        aria-label="Clear"
        (click)="searchWordInput.value = ''; onClickCancel()"
      >
        <mat-icon>close</mat-icon>
      </button>
      <button mat-flat-button color="primary" class="btn-ico-search">
        <mat-icon>search</mat-icon>
      </button>
    </mat-form-field>
  </div>
</div>
