import { jsx as l } from "react/jsx-runtime";
import { useMemo as a } from "react";
import p from "../utils/convertSvgDataToComponent.js";
const u = ({
  ref: n,
  svgString: r,
  name: t,
  commonProps: o,
  children: i,
  ...m
}) => {
  const e = a(() => {
    try {
      return p(r, t);
    } catch {
      return null;
    }
  }, [r, t]);
  return e ? /* @__PURE__ */ l(e, { ref: n, "aria-label": t, role: "img", ...o, ...m, children: i }) : /* @__PURE__ */ l("img", { src: r, alt: t, title: t, ...o });
};
u.displayName = "SVGStringComponent";
export {
  u as default
};
//# sourceMappingURL=SVGStringComponent.js.map
