import { createEditorConfig, defaultExtensionNodes, defaultTheme, EditorContent, EditorRoot,} from "@typix-editor/react";import { MaxLengthExtension } from "@typix-editor/extension-max-length";import { CharacterLimitExtension } from "@typix-editor/extension-character-limit";import { Toolbar } from "./Toolbar";const MAX = 280;const config = createEditorConfig({ extensionNodes: defaultExtensionNodes, theme: defaultTheme,});export default function MaxLengthExample() { return ( <EditorRoot config={config}> <div className="editor-container"> <Toolbar /> <EditorContent placeholder="Start typing (max 280 characters)..." /> </div> {/* CharacterLimitExtension highlights overflow text and renders an inline counter */} <CharacterLimitExtension maxLength={MAX} charset="UTF-16" /> <MaxLengthExtension maxLength={MAX} /> </EditorRoot> );}