"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("@emotion/react");
require("react");
const jsxRuntime = require("@emotion/react/jsx-runtime");
const style = require("./style.js");
const loading_black = require("../../../assets/icon/loading_black.svg.js");
const SmallButton = function({
  loading,
  onClick,
  content,
  contentType = "image",
  tip,
  skin = "default",
  borderless = false,
  cssStyle,
  className,
  style: style$1
}) {
  return /* @__PURE__ */ jsxRuntime.jsxs(
    style.SmallButtonContainer,
    {
      borderless,
      skin,
      cssStyle,
      className,
      style: style$1,
      onClick,
      children: [
        contentType === "font" ? /* @__PURE__ */ jsxRuntime.jsx("text", { className: "small-button-font", children: content }) : contentType === "diy" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "diy", children: content }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: content, style: { display: loading ? "none" : "block" } }),
        /* @__PURE__ */ jsxRuntime.jsx("img", { src: loading_black, style: { display: loading ? "block" : "none" } }),
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tip", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: tip }) })
      ]
    }
  );
};
exports.SmallButton = SmallButton;
//# sourceMappingURL=index.js.map
