"use strict";

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _ = _interopRequireDefault(require(".."));

var _2 = require("../..");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function handleClick(e) {
  e.stopPropagation(); // download template
}

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"].Dragger, {
  listType: "image",
  action: "https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload",
  accept: "image/png, image/jpg, image/jpeg, image/gif, image/bmp",
  onDragOver: onDragOver // @ts-ignore
  ,
  onDrop: onDrop
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"].Dragger, {
  listType: "image",
  action: "https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload",
  accept: "image/png, image/jpg, image/jpeg, image/gif, image/bmp",
  onDragOver: onDragOver // @ts-ignore
  ,
  onDrop: onDrop
}, /*#__PURE__*/_react["default"].createElement("div", {
  className: "next-upload-drag"
}, /*#__PURE__*/_react["default"].createElement("p", {
  className: "next-upload-drag-icon"
}, /*#__PURE__*/_react["default"].createElement(_2.Icon, {
  type: "upload"
})), /*#__PURE__*/_react["default"].createElement("p", {
  className: "next-upload-drag-text"
}, "click to", ' ', /*#__PURE__*/_react["default"].createElement(_2.Button, {
  text: true,
  onClick: handleClick
}, "download template"), ' ', "or drag file here"), /*#__PURE__*/_react["default"].createElement("p", {
  className: "next-upload-drag-hint"
}, "supports docx, xls, PDF ")))), document.getElementById('upload-demo-5'));

function onDragOver() {
  console.log('dragover callback');
}

function onDrop(fileList) {
  console.log('drop callback : ', fileList);
}