import {
  MinimalEditor,
  BasicEditor,
  StandardEditor,
  AdvancedEditor,
  AIEnhancedEditor,
  MarkdownEditor,
} from '@/blocks/forms/rich-text-editor'

export default function Example() {
  return (
    <>
      {/* Minimal - for comments */}
      <MinimalEditor
        placeholder="Add a comment..."
        maxLength={500}
        onChange={(html, text) => console.log(text)}
      />

      {/* Basic - general editing */}
      <BasicEditor
        placeholder="Start typing..."
        maxLength={2000}
      />

      {/* Standard - blog posts */}
      <StandardEditor
        placeholder="Write your article..."
        maxLength={5000}
        onChange={(html, text) => console.log(html)}
      />

      {/* Advanced - full editing */}
      <AdvancedEditor
        placeholder="Write your content..."
        maxLength={20000}
      />

      {/* AI-Enhanced - with AI assistance */}
      <AIEnhancedEditor
        placeholder="Write something amazing..."
        maxLength={10000}
        onAIAction={(action, content) => {
          console.log('Action:', action)
          console.log('Content:', content)
        }}
      />

      {/* Markdown - for developers */}
      <MarkdownEditor
        placeholder="Write in Markdown..."
        maxLength={15000}
        defaultValue="# Hello World"
        onChange={(markdown) => console.log(markdown)}
      />
    </>
  )
}