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

interface BankNotesInputProps {
  banknotes: string;
  setbanknotes: (value: string) => void;
}

const BankNotesInput: React.FC<BankNotesInputProps> = ({
  banknotes,
  setbanknotes,
}) => {
  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="Bank Notes"
        placeholder="Enter detailed notes or description..."
        value={banknotes}
        onChange={(e) => setbanknotes(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 BankNotesInput;