<!--
  ~ Copyright (c) 2021 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
-->
<bci-page-content>
  <h2 class="page-heading">Multi File Select Demo</h2>
  <bci-callout *ngIf="errorMessages.length > 0" type="danger" content="{{ errorMessages.join('<br/>') }}"></bci-callout>
  <bci-multi-file-select
    [allowMultipleFileSelection]="MULTIPLE_FILE_SELECTION"
    [uniqueFileNames]="UNIQUE_FILE_NAMES"
    [maximumFiles]="MAX_FILES"
    [maximumSizePerFileMB]="MAX_FILE_SIZE_IN_MB"
    [allowedFileTypes]="SUPPORTED_FILE_TYPES"
    (selectedFilesChange)="onFilesChange()"
    (fileValidationError)="onFileValidationError($event)"
  >
  </bci-multi-file-select>
</bci-page-content>
