Tailwind custom file upload component

tailwind-custom-file-upload.svelte

      <label
        for="watch-photos"
        class="flex items-center"
        style="display: flex !important;"
      >
        <ion-icon name="images" class="text-2xl mr-3" />
        Upload Some Photos
      </label>

      {#if newWatch.photos}
        <span class="text-red-300 my-1 text-sm tracking-wider">
          {newWatch.photos.length} Photo Selected
        </span>
      {/if}

      <div class="hidden">
        <input
          bind:files={newWatch.photos}
          type="file"
          multiple
          placeholder="Passport"
          accept="image/*"
          id="watch-photos"
          class="appearance-none"
        />
      </div>