import React from 'react';

import {
  UploadComponent,
  Icon
} from '@alicloud/console-components';
import {
  Button,
  H3
} from '@alicloud/demo-rc-elements';

import {
  ITestingProps
} from '../../types';

const style = {
  display: 'inline-block',
  marginRight: 10
};

export default function Testing({
  component
}: ITestingProps<UploadComponent>): JSX.Element {
  const Upload = component;
  
  return <>
    <H3>Some Case</H3>
    <Upload {...{
      action: 'https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload',
      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
    }}>
      <Button>Upload File</Button>
    </Upload>
    <Upload shape="card" style={style}>Upload File</Upload>
    <Upload style={style}>
      <div className="next-upload-card">
        <Icon type="attachment" size="large" />
        <div className="next-upload-text">Attachment</div>
      </div>
    </Upload>
  </>;
}