import { Editor, Resolver } from '@tempi/core-editor';
import { RenderNode } from '@tempi/editor-site';
import React from 'react';

interface EditorWrapperProps {
  children?: React.ReactElement | React.ReactNode;
  resolver: Resolver;
  onRender?: React.ComponentType<{
    render: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
  }>;
}

export const EditorWrapper: React.FC<EditorWrapperProps> = ({
  children,
  resolver,
  onRender,
}) => {
  return (
    <Editor
      indicator={{
        error: '#d32f2f',
        success: '#00FF00',
        thickness: 4,
      }}
      resolver={resolver}
      enabled={true}
      onRender={typeof onRender === 'function' ? onRender : RenderNode}
    >
      {children}
    </Editor>
  );
};