"use client";

import dynamic from "next/dynamic";

// CKEditor touches `document` on load, so it must be client-only.
const CKEditorWrapper = dynamic(() => import("./CKEditorWrapper"), {
  ssr: false,
  loading: () => (
    <div
      className="border rounded p-3 text-muted"
      style={{ minHeight: 300 }}
    >
      Loading editor...
    </div>
  ),
});

interface RichTextEditorProps {
  value: string;
  onChange: (value: string) => void;
  uploadEndpoint: string; // e.g. "/api/admin/cms/about/upload-image"
  placeholder?: string;
}

export default function RichTextEditor(props: RichTextEditorProps) {
  return <CKEditorWrapper {...props} />;
}