import React from 'react'
import { Dropzone } from 'react-dropzone-uploader-june'

function App() {
  const getUploadParams = ({ meta }) => {
    return { url: 'https://httpbin.org/post' }
  }

  const handleChangeStatus = ({ meta, file }, status) => {
    console.log(status, meta, file)
  }

  const handleSubmit = (files, allFiles) => {
    console.log(files.map(f => f.meta))
    allFiles.forEach(f => f.remove())
  }

  return (
    <Dropzone
      getUploadParams={getUploadParams}
      onChangeStatus={handleChangeStatus}
      onSubmit={handleSubmit}
      accept="image/*,audio/*,video/*"
      maxFiles={10}
      multiple={true}
      canCancel={true}
      canRemove={true}
      canRestart={true}
      inputContent="Drop Files (Custom Input Message)"
      inputWithFilesContent="Add More Files"
      submitButtonDisabled={false}
      submitButtonContent="Submit Files"
    />
  )
}

export default App