ango-react-components
Version:
21 lines (20 loc) • 821 B
JavaScript
import React, { useState } from "react";
import classNames from "classnames";
var Dragger = function (props) {
var onFile = props.onFile, children = props.children;
var _a = useState(false), dragOver = _a[0], setDragOver = _a[1];
var classes = classNames('ango-uploader-dragger', {
'is-dragover': dragOver
});
var handleDrag = function (e, over) {
e.preventDefault();
setDragOver(over);
};
var handleDrop = function (e) {
e.preventDefault();
setDragOver(false);
onFile(e.dataTransfer.files);
};
return (React.createElement("div", { className: classes, onDragOver: function (e) { handleDrag(e, true); }, onDragLeave: function (e) { handleDrag(e, false); }, onDrop: handleDrop }, children));
};
export default Dragger;