import React from 'react';
import AntUpload from 'antd/es/upload';

import ConfigProvider, { ConfigConsumer } from '../config-provider';
import zhCN from 'antd/lib/locale/zh_CN';
import Icons from '../icons';
const { TrashIcon } = Icons;
import './index.less';

const showUploadList = {
  // showDownloadIcon: true,
  // downloadIcon: 'download ',
  // showPreviewIcon: false,
  showRemoveIcon: true,
  removeIcon: <TrashIcon fill="currentColor" fontSize="inherit" />,
};

const progress = {
  strokeWidth: 6,
  showInfo: false,
};

const Upload = props => (
  <ConfigProvider locale={zhCN}>
    <ConfigConsumer>
      {({ getPrefixCls }) => {
        const { listType, ...restProps } = props;
        // const prefixCls = getPrefixCls('upload', customizePrefixCls);
        return (
          <AntUpload
            showUploadList={showUploadList}
            progress={listType === 'picture-card' ? progress : undefined}
            {...props}
          />
        );
      }}
    </ConfigConsumer>
  </ConfigProvider>
);

Upload.Dragger = AntUpload.Dragger;

export default Upload;