import React, { useCallback, useState } from 'react'
import SingleFileUploader from '@tuo-ui/single-file-uploader'

const style ={
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
  height: '100vh',
  width: '100vw'
}

const App = () => {
  const [file, setFile] = useState(null)
  const onChange = useCallback((file) => {
    setFile(file)
  }, [])
  return (
    <div style={style}>
      <div>
        <SingleFileUploader
          onChange={onChange}
        />
      </div>
    </div>
  )
}

export default App;