import React from "react";
import profilePic1 from "./images/profilePic1.svg";
import profilePic2 from "./images/profilePic2.svg";
import profilePic3 from "./images/profilePic3.svg";
import profilePic4 from "./images/profilePic4.svg";
import profilePic5 from "./images/profilePic5.svg";
const ProfilePicNextToEachOther = ({ users, num, marginLeft, width }) => {
return (
{users.slice(0, num).map((user, i) => (

{Number(i) === num - 1 && (
+ {users.length - num}
)}
))}
);
};
export default ProfilePicNextToEachOther;
ProfilePicNextToEachOther.defaultProps = {
num: 8,
marginLeft: "-10px",
width: "w-10",
users: [
{
picture: profilePic1,
},
{
picture: profilePic2,
},
{
picture: profilePic3,
},
{
picture: profilePic4,
},
{
picture: profilePic5,
},
],
};