import { FunctionRendition } from "./FunctionRendition";
import { getItemDom } from "./render";

/** Special functional component used to create a document fragment */
export const DjxFragment = ({ children }: { children?: unknown | unknown[] }) =>
    new FunctionRendition(() => {
        const fragment = document.createDocumentFragment();
        if (children)
            (children instanceof Array ? children : [children]).map(getItemDom).forEach(child => fragment.appendChild(child));
        return fragment;
    });