text: import { Person } from "@material-ui/icons";
  import React from "react";
  import { useProfilePictureStyles } from "../../styles";
  
  function ProfilePicture({
    size,
    isOwner,
    image = "https://reedbarger.nyc3.digitaloceanspaces.com/reactbootcamp/avatar.png"
  }) {
    const classes = useProfilePictureStyles({ size, isOwner });
  
    return (
      <section className={classes.section}>
        {image ? (
          <div className={classes.wrapper}>
            <img src={image} alt="user profile" className={classes.image} />
          </div>
        ) : (
          <div className={classes.wrapper}>
            <Person className={classes.person} />
          </div>
        )}
      </section>
    )
  }
  
  export default ProfilePicture;
  