import { jsx as o, jsxs as e } from "react/jsx-runtime";
import { cn as n } from "../utils/cn.js";
import { UNKNOWN_ICON as i } from "../icons/index.js";
import { Icon as l } from "./Icon.js";
import { useTypedTranslation as c } from "../localisation.js";
import { AllNetworksIcon as m } from "./AllNetworksIcon.js";
const g = ({ icon: r, label: t, isSelected: s, onClick: a }) => /* @__PURE__ */ o(
  "li",
  {
    onClick: a,
    className: n(
      "w-[36px] h-[36px] p-sw-md rounded-sw-md cursor-pointer items-center justify-center flex transition-colors",
      {
        "bg-sw-gray-50": s,
        "bg-sw-gray-800 hover:bg-sw-gray-700": !s
      }
    ),
    children: /* @__PURE__ */ o(
      l,
      {
        size: 20,
        radius: 6,
        label: t,
        icon: r ?? i,
        className: "bg-transparent"
      }
    )
  }
), p = ({
  isSelected: r,
  onClick: t
}) => {
  const { t: s } = c();
  return /* @__PURE__ */ e(
    "div",
    {
      onClick: t,
      className: n(
        "px-sw-lg gap-sw-sm flex h-[36px] cursor-pointer items-center rounded-sw-md text-sw-label-md transition-colors",
        {
          "bg-sw-gray-50 text-sw-gray-950": r,
          "bg-sw-gray-800 text-sw-gray-50 bg-sw-gray-800 hover:bg-sw-gray-700": !r
        }
      ),
      children: [
        /* @__PURE__ */ o(m, {}),
        s("chain.all.label", "All")
      ]
    }
  );
}, y = Object.assign(g, {
  All: p
});
export {
  y as ChainShortcut
};
//# sourceMappingURL=ChainShortcut.js.map
