import { jsx as r } from "react/jsx-runtime";
import { CloseW700 as s } from "@material-symbols-svg/react-rounded/icons/close";
import "../constants/chains.js";
import "ethers";
import "../logger.js";
import { cn as i } from "../utils/cn.js";
const w = ({ className: t, onClick: o, transparent: e }) => /* @__PURE__ */ r(
  "button",
  {
    type: "button",
    className: i(
      "flex cursor-pointer items-center justify-center text-sw-gray-200 transition-colors hover:text-sw-gray-50 p-sw-md w-[34px] h-[34px] rounded-sw-md hover:bg-sw-gray-800",
      !e && "bg-sw-gray-950",
      t
    ),
    onClick: o,
    children: /* @__PURE__ */ r(s, { size: 18 })
  }
);
export {
  w as CloseButton
};
//# sourceMappingURL=CloseButton.js.map
