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) => (
profile-pic {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, }, ], };