"use client";
import { FC } from "react";
import SalaryItemsRow from "./salary-items";
import SalaryDeductionsRow from "./salary-deductions";

type Props = {
    salaryItems?: any
    salaryDeductions?: any
};

const StaffSalaryForm: FC<Props> = ({ salaryItems, salaryDeductions }) => {
    return (
        <>
            <div className="flex gap-x-8 w-full">
                <div className="border-r p-4 flex-1">
                    <h2 className="font-semibold text-gray-600">Salary and allowance:</h2>
                    <SalaryItemsRow salaryItems={salaryItems} />
                </div>
                <div className="p-4 rounded-md flex-1">
                    <h2 className="font-semibold text-gray-600">Salary deductions:</h2>
                    <SalaryDeductionsRow salaryItems={salaryDeductions} />
                </div>
            </div>
        </>
    );
};

export default StaffSalaryForm;