<script>
  import "filepond/dist/filepond.css";
  import FilePond from "svelte-filepond";
  let pond;
  // pond.getFiles() will return the active files
  // the name to use for the internal file input
  let name = "filepond";
  function handleInit() {
    console.log("FilePond has initialised");
  }
  function handleAddFile(err, fileItem) {
    console.log("A file has been added", fileItem);
  }
</script>

<div class="app">
  <FilePond
    bind:this={pond}
    {name}
    server="/api"
    allowMultiple={false}
    credits={false}
    oninit={handleInit}
    onaddfile={handleAddFile} />
</div>
