'use client'
import React, { useState } from 'react'

export const EditorProviderContext = React.createContext(null) as any

type EditorProviderProps = {
  children: React.ReactNode
  options: EditorProviderState
}

type EditorProviderState = {
  isEditable: boolean
}

function EditorOptionsProvider({ children, options }: EditorProviderProps) {
  const [editorOptions, setEditorOptions] =
    useState<EditorProviderState>(options)

  return (
    <EditorProviderContext.Provider value={editorOptions}>
      {children}
    </EditorProviderContext.Provider>
  )
}

export default EditorOptionsProvider

export function useEditorProvider() {
  return React.useContext(EditorProviderContext)
}