import styles from "./preamble.module.css"

import type { EmbedByUid } from "@/types/components/jsontohtml"
import { RTETypeEnum } from "@/types/rte/enums"
import type { RTEDefaultNode, RTENext } from "@/types/rte/node"
import type { RenderOptions } from "@/types/rte/option"

export const renderOptions: RenderOptions = {
  [RTETypeEnum.p]: (
    node: RTEDefaultNode,
    embeds: EmbedByUid,
    next: RTENext,
    fullRenderOptions: RenderOptions
  ) => {
    return (
      <p key={node.uid} className={styles.preamble}>
        {next(node.children, embeds, fullRenderOptions)}
      </p>
    )
  },
}