"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _dragAndDrop = _interopRequireDefault(require("../drag-and-drop"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const VideoUpload = ({
  title,
  description,
  previewLabel,
  uploadLabel,
  previewContent,
  loading,
  modified,
  onChange,
  name
}) => /*#__PURE__*/_react.default.createElement(_dragAndDrop.default, {
  title: title,
  description: description,
  previewLabel: previewLabel,
  uploadLabel: uploadLabel,
  previewContent: previewContent,
  loading: loading,
  modified: modified
}, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("input", {
  type: "file",
  name: name,
  accept: "video/*",
  disabled: loading,
  className: _style.default.input,
  onChange: onChange,
  onDragEnter: onDragStart,
  onDrop: onDragStop,
  onDragLeave: onDragStop
}));
VideoUpload.propTypes = process.env.NODE_ENV !== "production" ? {
  ..._dragAndDrop.default.propTypes,
  name: _propTypes.default.string,
  onChange: _propTypes.default.func
} : {};
var _default = exports.default = VideoUpload;
//# sourceMappingURL=index.js.map