import { jsxs as d, jsx as o } from "react/jsx-runtime";
import { cn as l } from "../utils/cn.js";
import { TokenIcon as a } from "./TokenIcon.js";
const m = ({
  token: r,
  state: s = "default",
  onClick: e
}) => /* @__PURE__ */ d(
  "button",
  {
    type: "button",
    disabled: s === "disabled",
    onClick: s === "disabled" ? void 0 : e,
    className: l(
      "gap-sw-md pl-sw-sm pr-sw-md flex h-[36px] min-w-[80px] shrink-0 items-center rounded-sw-md transition-colors bg-sw-gray-800 hover:bg-sw-gray-700 group",
      {
        "cursor-pointer": s !== "disabled",
        "animate-pulse cursor-default": s === "disabled"
      }
    ),
    children: [
      r && /* @__PURE__ */ o(
        a,
        {
          token: r,
          className: "border-sw-gray-800 group-hover:border-sw-gray-700 transition-colors top-[14px]"
        }
      ),
      /* @__PURE__ */ o("span", { className: "text-sw-label-md text-sw-gray-50", children: r ? r.symbol : "Select token" })
    ]
  }
);
export {
  m as TokenSelectButton
};
//# sourceMappingURL=TokenSelectButton.js.map
