import { Node } from "@/types/proto/api/v2/node"; import Renderer from "./Renderer"; import { BaseProps } from "./types"; interface Props extends BaseProps { level: number; children: Node[]; } const Heading: React.FC = ({ level, children }: Props) => { const Head = `h${level}` as keyof JSX.IntrinsicElements; const className = (() => { switch (level) { case 1: return "text-5xl leading-normal font-bold"; case 2: return "text-3xl leading-normal font-medium"; case 3: return "text-xl leading-normal font-medium"; case 4: return "text-lg font-bold"; } })(); return ( {children.map((child, index) => ( ))} ); }; export default Heading;