import React from 'react';
import Editor from 'react-simple-wysiwyg';

const TODTextArea = ({ 
  value, 
  onChange, 
  label, 
  placeholder,
  className = '',
  error = null
}) => {
  return (
    <div className={`form-group ${className}`}>
      {label && <label className="form-label">{label}</label>}
      <Editor 
        value={value || ''} 
        onChange={onChange}
        className="form-input"
      />
      {error && <span className="error-message">{error}</span>}
    </div>
  );
};

export default TODTextArea; 