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

interface BankAdviceRefNoInputProps {
  bankadviserefno: string;
  setbankadviserefno: (value: string) => void;
}

const BankAdviceRefNoInput: React.FC<BankAdviceRefNoInputProps> = ({
  bankadviserefno,
  setbankadviserefno,
}) => {
  return (
    <div className="group transition-all duration-200 hover:shadow-md hover:shadow-[#428B4D]/10">
      <TextBox
        label="Bank Advice Ref No"
        placeholder="Enter reference number"
        className="text-sm transition-all duration-200 group-hover:border-[#428B4D]/50 group-hover:shadow-md group-hover:shadow-[#428B4D]/10"
        value={bankadviserefno}
        onChange={(e) => setbankadviserefno(e.target.value)}
      />
    </div>
  );
};

export default BankAdviceRefNoInput;