← back to Norma

components/editor/RichTextEditor.tsx

30 lines

/**
 * RichTextEditor — dynamic-import wrapper to prevent SSR errors.
 *
 * Usage:
 *   import RichTextEditor from '@/components/editor/RichTextEditor'
 *   <RichTextEditor content={html} onChange={setHtml} />
 */
import dynamic from 'next/dynamic';

const RichTextEditor = dynamic(() => import('./RichTextEditorClient'), {
  ssr: false,
  loading: () => (
    <div
      style={{
        minHeight: 300,
        border: '1px solid var(--color-border)',
        borderRadius: 'var(--radius-md)',
        backgroundColor: 'var(--color-surface-el)',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
      }}
    >
      <span className="spinner" aria-label="Loading editor" />
    </div>
  ),
});

export default RichTextEditor;