import { jsxs as p, jsx as t } from "react/jsx-runtime";
import w from "react";
import { CheckFillW700 as l } from "@material-symbols-svg/react-rounded/icons/check";
import { cn as f } from "../../utils/cn.js";
import { Icon as x } from "../../components/Icon.js";
const b = w.forwardRef(
  ({
    chain: e,
    label: r,
    icon: a,
    iconClassName: m,
    isFocused: o,
    isSelected: s,
    className: c,
    onMsg: n
  }, i) => /* @__PURE__ */ p(
    "button",
    {
      ref: i,
      type: "button",
      onClick: () => n({ type: "on_click_chain", chain: e }),
      className: f(
        "gap-sw-md px-sw-lg py-sw-sm text-sw-gray-50 flex cursor-pointer items-center justify-between rounded-sw-md transition-colors",
        { "bg-sw-gray-700": s || o },
        {
          "hover:text-sw-accent-200 hover:bg-sw-gray-700": !s && !o
        },
        c
      ),
      children: [
        /* @__PURE__ */ t(x, { radius: 10, label: r, icon: a, className: m }),
        /* @__PURE__ */ t("span", { className: "text-sw-label-md mr-auto", children: r }),
        s && /* @__PURE__ */ t(l, { size: 16, className: "text-sw-status-success" })
      ]
    }
  )
);
export {
  b as ChainItem
};
//# sourceMappingURL=ChainItem.js.map
