import "@emotion/react";
import "react";
import { jsx } from "@emotion/react/jsx-runtime";
import { ButtonContainerWrap } from "./style.js";
import "../../../styles.js";
import "../../CheckBox/style.js";
import "../../RadioButton/RadioButtonWrap.js";
import "../../Select/Select/SelectWrap.js";
import "../../Input/style.js";
import "../../UploadCell/UploadCellWrap.js";
import { Loading } from "../../Loading/Loading/index.js";
import "../../Loading/FolderLoading/style.js";
import "../NormalButton/style.js";
import "../SmallButton/style.js";
import "../../Avatar/style.js";
import "react-dom";
import "../../Modal/NormalModal/ModalWrap.js";
import "../../Modal/FullScreenModal/style.js";
import "../../Modal/CardModal/ModalWrap.js";
import "../../BottomTabBar/style.js";
import "../../Message/index.js";
import "../../Divider/styles.js";
import "../../Header/styles.js";
import "../../Media/index.js";
import "../../Textarea/styled.js";
import "../../Switch/styled.js";
import { motion } from "../../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@17.0.2_react@17.0.2/node_modules/framer-motion/dist/es/render/dom/motion.js";
const Button = ({
  label,
  children,
  onClick,
  className,
  style,
  minWidth = 0,
  type = "default",
  loading,
  cssStyle
}) => {
  return /* @__PURE__ */ jsx(
    ButtonContainerWrap,
    {
      minWidth,
      type,
      css: cssStyle,
      className,
      children: /* @__PURE__ */ jsx(
        motion.div,
        {
          whileTap: { scale: 0.92 },
          onClick,
          style,
          className: "button",
          children: loading ? /* @__PURE__ */ jsx(Loading, { size: "small" }) : label || children
        }
      )
    }
  );
};
export {
  Button
};
//# sourceMappingURL=index.js.map
