const toHtml = (node: Root | Root["children"][number]): string => {
  if (node.type === "text") {
    return escapeHtml(node.value);
  }

  if (node.type === "element") {
    const className = node.properties?.className;
    const classAttr =
      className && Array.isArray(className)
        ? ` class="${className.join(" ")}"`
        : "";
    const children = node.children?.map(toHtml).join("") || "";
    return `<span${classAttr}>${children}</span>`;
  }

  if ("children" in node && node.children) {
    return node.children.map(toHtml).join("");
  }

  return "";
};