docmost/apps/client/src/features/editor/full-editor.tsx

import classes from "@/features/editor/styles/editor.module.css";
import React from "react";
import { TitleEditor } from "@/features/editor/title-editor";
import PageEditor from "@/features/editor/page-editor";

const MemoizedTitleEditor = React.memo(TitleEditor);
const MemoizedPageEditor = React.memo(PageEditor);

export interface FullEditorProps {
  pageId: string;
  slugId: string;
  title: string;
}

export function FullEditor({ pageId, title, slugId }: FullEditorProps) {
  return (
    <div className={classes.editor}>
      <MemoizedTitleEditor pageId={pageId} slugId={slugId} title={title} />
      <MemoizedPageEditor pageId={pageId} />
    </div>
  );
}