import {Box} from "@mui/material";
import Update from "./Form/UpdateForm"
import Delete from "./Form/DeleteForm";
import ChangePassword from "./Form/ChangePassword";

const TableRowActions = ({row, mutate, fetchUrl}) => {
    return (
        <Box sx={{display: "flex", flexWrap: "nowrap", gap: "8px"}}>
            <Update
                row={row}
                mutate={mutate}
                fetchUrl={fetchUrl}
            />
            <ChangePassword
                rowId={row.getValue("id")}
                mutate={mutate}
                fetchUrl={fetchUrl}
            />
            <Delete
                rowId={row.getValue("id")}
                mutate={mutate}
                fetchUrl={fetchUrl}
            />
        </Box>
    );
};

export default TableRowActions;