import React from "react";
import { TextArea } from "@/components/ui/TextArea";

interface PurposeInputProps {
  description: string;
  setDescription: (value: string) => void;
}

const PurposeInput: React.FC<PurposeInputProps> = ({ description, setDescription }) => {
  return (
    <div className="group sm:col-span-2 lg:col-span-4 transition-all duration-200 hover:shadow-md hover:shadow-[#428B4D]/10">
      <TextArea
        label="Purpose"
        placeholder="Enter purpose or description..."
        value={description}
        onChange={(e) => setDescription(e.target.value)}
        rows={4}
        textareaClass="transition-all duration-200 group-hover:border-[#428B4D]/50 group-hover:shadow-md group-hover:shadow-[#428B4D]/10"
      />
    </div>
  );
};

export default PurposeInput;