import { createCaretVDOMComponent, h } from "@caret-js/core";
import { fractionTokenType } from "../tokens/fraction";

export const FractionTokenComponent = createCaretVDOMComponent<
  typeof fractionTokenType
>(({ token, children }) => {
  return h(
    "span",
    { class: "fraction" },
    h("span", { class: "numerator" }, children.get("numerator")),
    h("span", { class: "denominator" }, children.get("denominator")),
  );
});