{"size": 1559, "ext": "js", "max_stars_repo_path": "src/widgets/upload/DisabledUpload.js", "max_stars_repo_name": "zhanglunyu418/lugia", "max_stars_repo_stars_event_min_datetime": "2019-08-12T09:35:14.000Z", "max_stars_repo_stars_event_max_datetime": "2019-11-04T09:39:28.000Z", "max_issues_repo_path": "src/widgets/upload/DisabledUpload.js", "max_issues_repo_name": "zhanglunyu418/lugia", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/widgets/upload/DisabledUpload.js", "max_forks_repo_name": "zhanglunyu418/lugia", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 21.9577464789, "max_line_length": 52, "alphanum_fraction": 0.5542014112}
import React from 'react';
import { Upload, Theme } from '@lugia/lugia-web';
import styled from "styled-components";

const Title = styled.div`
    margin: 10px 0;
`;

class UploadDemo extends React.Component<any, any> {
  constructor(props: Object) {
    super(props);
    this.state = {};
  }

  render() {
    const defaultProps1 = {
      areaType: 'default',
      inputId: 'upload',
      showFileList: true,
      disabled: true,
      url: '/upload',
    };
    const defaultProps2 = {
      areaType: 'both',
      inputId: 'upload',
      showFileList: true,
      disabled: true,
      url: '/upload',
    };
    const defaultProps3 = {
      areaType: 'button',
      inputId: 'upload2',
      showFileList: true,
      disabled: true,
      url: '/upload',

    };
    const defaultProps4 = {
      areaType: 'area',
      inputId: 'upload3',
      disabled: true,
      showFileList: true,
      url: '/upload',
    };
    const defaultProps5 = {
      areaType: 'picture',
      inputId: 'upload4',
      disabled: true,
      showFileList: true,
      url: '/upload',
    };
    return (
      <div>
        <Title>areaType: default</Title>
        <Upload {...defaultProps1} />
        <Title>areaType: both</Title>
        <Upload {...defaultProps2} />
        <Title>areaType: button</Title>
        <Upload {...defaultProps3} />
        <Title>areaType: area</Title>
        <Upload {...defaultProps4} />
        <Title>areaType: picture</Title>
        <Upload {...defaultProps5} />
      </div>
    );
  }

}

export default UploadDemo;
