import React from 'react';
import ReactDOM from 'react-dom';
import Upload from '..';
import { Button, Icon } from '../..';
const style = { display: 'inline-block', marginRight: 10 };
ReactDOM.render(React.createElement("div", { style: { display: 'flex' } },
    React.createElement(Upload, { action: "https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload", beforeUpload: beforeUpload, onChange: onChange, onSuccess: onSuccess, multiple: true, defaultValue: [
            {
                name: 'IMG.png',
                state: 'done',
                size: 1024,
                downloadURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
                fileURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
                imgURL: 'https://img.alicdn.com/tps/TB19O79MVXXXXcZXVXXXXXXXXXX-1024-1024.jpg',
            },
        ], style: style },
        React.createElement(Button, { type: "primary", style: { margin: '0 0 10px' } }, "Upload File")),
    React.createElement(Upload, { shape: "card", style: style }, "Upload File"),
    React.createElement(Upload, { style: style },
        React.createElement("div", { className: "next-upload-card" },
            React.createElement(Icon, { type: "attachment", size: "large" }),
            React.createElement("div", { className: "next-upload-text" }, "Attachment")))), document.getElementById('upload-demo-1'));
function beforeUpload(info) {
    console.log('beforeUpload : ', info);
}
function onChange(info) {
    console.log('onChange : ', info);
}
function onSuccess(info) {
    console.log('onSuccess : ', info);
}
