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

export const RadicalTokenComponent = createCaretVDOMComponent<
  typeof radicalTokenType
>(({ token, children }) => {
  const { isSqrt } = token.props;

  return h(
    "span",
    { class: "radical" },
    !isSqrt && h("span", { class: "radical-index" }, children.get("index")),
    h("span", { class: "radicand" }, children.get("radicand")),
  );
});