import { Box } from "@mui/material";
import ReferPassengerBoss from "@/components/dashboard/loan-followup/Form/ReferPassengerBoss";
import UserInfoForm from "./Form/UserInfoForm";
import PlanningCouncilForm from "@/components/dashboard/loan-followup/Form/PlanningCouncilForm";

const TableRow = ({ row, mutate }) => {
    return (
        <Box sx={{ display: "flex", flexWrap: "nowrap", gap: "8px" }}>
            <UserInfoForm rowId={row.getValue("id")} row={row} />
            <PlanningCouncilForm rowId={row.getValue("id")} />
            {row.original.state_id === 11 || row.original.state_id === 16 ? (
                <ReferPassengerBoss rowId={row.getValue("id")} mutate={mutate} />
            ) : null}
        </Box>
    );
};
export default TableRow;