import { HostBackend } from "./backend.js";
import { Component, MindeesNode } from "@mindees/core";

//#region src/render.d.ts
/** A mounted subtree: its host nodes plus a disposer that unmounts + cleans up. */
interface Mounted<N> {
  /** The top-level host nodes produced (a fragment can yield several). */
  readonly nodes: N[];
  /** Unmount: remove host nodes and dispose all reactive bindings. */
  dispose(): void;
}
/**
 * Render `node` into `container` using `backend`. Returns a {@link Mounted}
 * handle whose `dispose()` removes the produced nodes and tears down every
 * reactive binding created during the render.
 *
 * @example
 * const backend = createHeadlessBackend()
 * const root = createHeadlessRoot()
 * const app = render(MyComponent, {}, backend, root) // component form
 * const m = render(element, backend, root)           // element form
 * m.dispose()
 */
declare function render<N>(node: MindeesNode, backend: HostBackend<N>, container: N): Mounted<N>;
declare function render<N, P>(component: Component<P>, props: P, backend: HostBackend<N>, container: N): Mounted<N>;
/**
 * Mount a node into `parent` before `anchor`. Returns the top-level host nodes
 * created (for fragments / arrays this can be more than one).
 */
declare function mountNode<N>(node: MindeesNode, backend: HostBackend<N>, parent: N, anchor: N | null): N[];
//#endregion
export { Mounted, mountNode, render };
//# sourceMappingURL=render.d.ts.map