import { jsx as c } from "react/jsx-runtime";
import { useRef as s, useEffect as i } from "react";
const a = "https://uikit.d.aiengines.ir/remote/GBadge.js";
let n = null;
function u() {
  return n || (n = import(
    /* webpackIgnore: true */
    /* @vite-ignore */
    a
  )), n;
}
const m = (o) => {
  const r = s(null);
  return i(() => {
    let e = !0;
    return u().then((t) => {
      e && r.current && t.mount(r.current, o);
    }).catch((t) => {
      console.error("[uikit/remote/ui] Failed to load GBadge:", t);
    }), () => {
      e = !1;
    };
  }, [o]), i(() => {
    const e = r.current;
    return () => {
      e && u().then((t) => {
        t.unmount(e);
      }).catch(() => {
      });
    };
  }, []), /* @__PURE__ */ c(
    "span",
    {
      ref: r,
      style: {
        display: "contents"
      }
    }
  );
};
export {
  m as GBadge
};