import { jsx as r } from "react/jsx-runtime";
import { ArrowDownwardW700 as a } from "@material-symbols-svg/react-rounded/icons/arrow-downward";
import { ProgressActivityW700 as i } from "@material-symbols-svg/react-rounded/icons/progress-activity";
import { cn as o } from "../utils/cn.js";
const w = ({
  isEnabled: e,
  isLoading: t = !1,
  onClick: s
}) => /* @__PURE__ */ r(
  "div",
  {
    onClick: e && !t ? s : void 0,
    className: o(
      "bg-sw-gray-950 mt-sw-xs group absolute top-1/2 left-1/2 flex h-[40px] w-[40px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-sw-md text-sw-gray-100 transition-all duration-150",
      {
        "cursor-pointer hover:scale-110 hover:text-sw-gray-50 hover:bg-sw-gray-700": e && !t
      }
    ),
    children: t ? /* @__PURE__ */ r("div", { className: "group relative inline-block", children: /* @__PURE__ */ r(i, { className: "h-sw-2xl w-sw-2xl animate-spin opacity-50 text-sw-accent-500" }) }) : /* @__PURE__ */ r("div", { className: "group relative inline-block", children: /* @__PURE__ */ r(
      a,
      {
        className: o(
          "h-sw-2xl w-sw-2xl transition-transform duration-300",
          {
            "group-hover:rotate-180": e && !t
          }
        )
      }
    ) })
  }
);
export {
  w as DirectionSwitcher
};
//# sourceMappingURL=DirectionSwitcher.js.map
