<ng-container [ngSwitch]="selectorType">
  <app-chat-selector-sticker
    *ngSwitchCase="SelectorType.STICKER"
    (selectedSticker)="onSelectedSticker($event)"
    (closeSticker)="selectorType = SelectorType.EMPTY"
  >
  </app-chat-selector-sticker>

  <app-chat-selector-translation
    *ngSwitchCase="SelectorType.TRANSLATION"
  ></app-chat-selector-translation>

  <app-chat-selector-file-upload
    #fileUploadSelector
    *ngSwitchCase="SelectorType.FILEUPLOAD"
  >
  </app-chat-selector-file-upload>

  <app-chat-selector-email-send
    *ngSwitchCase="SelectorType.EMAILSENDER"
  ></app-chat-selector-email-send>
</ng-container>

<div class="chat-form-area">
  <mat-form-field
    class="message-text"
    fxFlex
    floatLabel="never"
    appearance="standard"
  >
    <textarea
      matInput
      #messageInput
      placeholder=""
      name="message"
      [matTextareaAutosize]="true"
      [matAutosizeMaxRows]="20"
      (keydown)="onKeydown($event)"
    ></textarea>
  </mat-form-field>

  <input
    type="file"
    #fileInput
    style="display: none;"
    multiple
    (change)="onChangeFileInput()"
  />
</div>
<div class="button-area">
  <button
    mat-button
    aria-label="attachFile"
    matTooltipPosition="above"
    matTooltip="{{ 'label.attachFile' | ucapI18n }}"
    (click)="clearSelector(); fileInput.click()"
  >
    첨부파일
  </button>
  <button
    mat-button
    aria-label="attachImage"
    matTooltipPosition="above"
    matTooltip="{{ 'label.attachImage' | ucapI18n }}"
    (click)="onOpenSelector(SelectorType.EMPTY)"
  >
    이미지
  </button>
  <button
    mat-button
    aria-label="screenshot"
    matTooltipPosition="above"
    matTooltip="{{ 'label.screenshot' | ucapI18n }}"
    (click)="onOpenSelector(SelectorType.EMPTY)"
  >
    캡쳐 화면 전송
  </button>
  <button
    mat-button
    aria-label="imoticon"
    matTooltipPosition="above"
    matTooltip="{{ 'label.imoticon' | ucapI18n }}"
    (click)="onOpenSelector(SelectorType.STICKER)"
  >
    이모티콘
  </button>
  <button
    mat-button
    aria-label="emailSend"
    matTooltipPosition="above"
    matTooltip="{{ 'label.emailSend' | ucapI18n }}"
    (click)="onOpenSelector(SelectorType.EMAILSENDER)"
  >
    대화내용 메일 전송
  </button>
  <button
    mat-button
    aria-label="translation"
    matTooltipPosition="above"
    matTooltip="{{ 'label.translation' | ucapI18n }}"
    (click)="onOpenSelector(SelectorType.TRANSLATION)"
  >
    대화내용 번역
  </button>
  <button
    mat-button
    aria-label="gams"
    matTooltipPosition="above"
    matTooltip="{{ 'label.gams' | ucapI18n }}"
    (click)="onOpenSelector(SelectorType.EMPTY)"
  >
    +GAMS
  </button>
  <button
    mat-fab
    color="accent"
    aria-label="send"
    matTooltip="{{ 'label.send' | ucapI18n }}"
    (click)="send()"
  >
    <mat-icon>send</mat-icon>
  </button>
</div>
