import React from 'react';
import { motion } from 'framer-motion';

export const AnimatedTextArea = ({ value, onChange }: { value: string; onChange: (val: string) => void }) => {
  return (
    <motion.textarea
      value={value}
      onChange={(e) => onChange(e.target.value)}
      whileFocus={{ scale: 1.02 }}
      className="w-full p-3 rounded-lg border shadow-sm"
    />
  );
};