import React from 'react'
import Breadcrumb from '../../components/common/Breadcrumb' 
import AdvancePaymentList1 from '../../components/AdvancePayment/AdvancePaymentList'
import { useForm } from 'react-hook-form';
import EmployeeSearchInput from '../../components/common/EmployeeSearchInput';

const AdvancePaymentPage = () => {
    const { control, reset, watch } = useForm({
        defaultValues: {
            searchString: "",
        },
    });
    const searchString = watch("searchString");
    
    return (
        <div className="container-fluid">
            <Breadcrumb
                data={[
                    { label: "Home", link: "/dashboard" },
                    { label: "Finance", link: "/advance-payment" },
                    { label: "Advance Payment" },
                ]}
            />
            <div className="card px-4 py-2 page-min-h">
                <div className="row py-1">                  
                     <AdvancePaymentList1 searchString={searchString} />
                </div>
            </div>          

        </div>
    )
}

export default AdvancePaymentPage