import React from 'react';

/**
 * Textarea composant réutilisable
 * @param {string} value - Valeur du textarea
 * @param {function} onChange - Fonction appelée lors d'un changement
 * @param {string} placeholder - Texte d'exemple
 * @param {number} rows - Nombre de lignes
 * @param {string} className - Classes CSS additionnelles
 * @param {object} props - Props additionnels
 */
const Textarea = ({ value, onChange, placeholder = '', rows = 3, className = '', ...props }) => (
  <textarea
    value={value}
    onChange={onChange}
    placeholder={placeholder}
    rows={rows}
    className={`border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-emerald-500 resize-y ${className}`}
    {...props}
  />
);

export default Textarea;