"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("@emotion/react");
require("react");
const jsxRuntime = require("@emotion/react/jsx-runtime");
const UploadCellWrap = require("./UploadCellWrap.js");
const loading_black = require("../../assets/icon/loading_black.svg.js");
const upload2 = require("../../assets/icon/upload2.svg.js");
const UploadCell = ({
  label,
  loading,
  width,
  height,
  showTip = true,
  onClick
}) => {
  return /* @__PURE__ */ jsxRuntime.jsxs(UploadCellWrap.UploadCellWrap, { width, height, children: [
    label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "label", children: label }),
    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "uploadCellContainer", children: [
      /* @__PURE__ */ jsxRuntime.jsx(
        "div",
        {
          onClick: () => {
            onClick == null ? void 0 : onClick();
          },
          children: loading ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: loading_black }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: upload2 })
        }
      ),
      showTip && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tip", children: "upload your file" })
    ] })
  ] });
};
exports.UploadCell = UploadCell;
//# sourceMappingURL=index.js.map
