"use client";
import { j as s } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import { useGetChainIconSrc as e } from "../../utils/useGetChainIconSrc.mjs";
const m = ({
  chainId: o,
  className: r,
  ipfsBaseUrl: i = "https://ipfs.io/ipfs/",
  ImageComponent: n = "img"
  // Default to 'img' if no custom component is provided
}) => {
  const { iconUrl: t, handleImageError: c } = e(o, i);
  return /* @__PURE__ */ s.jsx(
    n,
    {
      src: t,
      alt: `blockchain-icon-for-chain-id-${o}`,
      className: r,
      onError: () => c()
    }
  );
};
export {
  m as default
};
//# sourceMappingURL=index.mjs.map
