import { createElement } from "react";
import { Component } from "@contember/binding";
import { BareUploadField } from "../../internalComponents/BareUploadField.js";
import { useFileHandler, getFileHandler } from "../../fileHandler/useFileHandler.js";
import { useFileSelection } from "../../internalComponents/selection/useResolvedFileSelection.js";
const UploadField = Component((props) => {
  const fileHandler = useFileHandler(props, "UploadField");
  const fileSelection = useFileSelection(props);
  return /* @__PURE__ */ createElement(BareUploadField, {
    ...props,
    fileHandler,
    fileSelection
  });
}, (props, environment) => /* @__PURE__ */ createElement(BareUploadField, {
  ...props,
  fileHandler: getFileHandler(props, environment, "UploadField")
}), "UploadField");
export { UploadField };
//# sourceMappingURL=UploadField.js.map
