import { unified } from "unified";
import rehypeStringify from "rehype-stringify";

export async function writeComponent(componentName, data = {}) {
  const fn = await import(`./input/templates/${componentName}.jsx`); //FIX avoid strict filestruct past "input"
  return unified().use(rehypeStringify).stringify(fn.default(data));
}
console.log(await writeComponent("booknav", { page: "1" }));