import { useState } from 'react';

function FeedbackForm() {
  const [message, setMessage] = useState('');

  return (
    <form>
      <label htmlFor="feedback">Your feedback</label>
      <textarea
        id="feedback"
        value={message}
        onChange={(e) => setMessage(e.target.value)}
        rows={5}
        placeholder="Tell us what you think..."
      />
      <p>{message.length} characters</p>
    </form>
  );
}

export default FeedbackForm;