/* eslint-disable jsx-a11y/label-has-associated-control */
/* eslint-disable react/jsx-props-no-spreading */
/* eslint-disable import/prefer-default-export */
import type { ComponentProps } from 'react'
import ReactQuill from 'react-quill-new'
import 'react-quill-new/dist/quill.snow.css'
import './text.css'

interface TextEditorProps extends ComponentProps<typeof ReactQuill> {
  label?: string
  errorMessage?: string
}
export const TextEditor = (props: TextEditorProps) => {
  const { label, errorMessage } = props
  return (
    <div className="flex flex-col gap-2">
      {label && <label className="label capitalize">{label}</label>}
      <ReactQuill theme="snow" {...props} />
      {errorMessage && <label className="text-red-500">{errorMessage}</label>}
    </div>
  )
}