caret / packages / math / src / components / subsup.ts

import { createCaretVDOMComponent, h, t } from "@caret-js/core";
import { subSupTokenType } from "../tokens/subsup";

export const SubSupTokenComponent = createCaretVDOMComponent<
  typeof subSupTokenType
>(({ token, children }) => {
  return h(
    "span",
    { class: "subsup" },
    h(
      "span",
      { class: "superscript" },
      children.get("superscript") ?? t("\u200b"),
    ),
    h("span", { class: "subscript" }, children.get("subscript") ?? t("\u200b")),
  );
});