import React from 'react';
import ReactDOM from 'react-dom';
import Upload from '..';
import { Button, Icon } from '../..';

ReactDOM.render(
  <Upload
    action="https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload"
    onChange={onChange}
    onSuccess={onSuccess}
    listType="text"
    // @ts-ignore
    webkitdirectory
  >
    <Button type="primary" style={{ margin: '0 0 10px' }}>
      <Icon type="upload" />
      Upload Directory
    </Button>
  </Upload>,
  document.getElementById('upload-demo-9'),
);

function onChange(info) {
  console.log('onChange : ', info);
}

function onSuccess(info) {
  console.log('onSuccess : ', info);
}