import { jsx as u } from "@emotion/react/jsx-runtime";
import { useBase as g, useEnvironment as l, evaluateWithContext as p } from "@m4l/core";
import { getSize as e } from "../../utils/getSize/index.js";
const x = (s) => {
  const { style: o, src: r, width: i = "100%", height: n = "100%" } = s, { unitSize: t, sourceData: m } = g(), { host_static_assets: a, environment_assets: c } = l(), h = p(m, r);
  return /* @__PURE__ */ u(
    "img",
    {
      alt: "",
      src: `${a}/${c}/${h}`,
      style: {
        width: e(i, t),
        height: e(n, t),
        ...o
      }
    }
  );
};
export {
  x as ImageNode
};
