import React from 'react' const ProfileHeader = (props) => { return ( <div className="profile"> <div className="photo"> <img src={props.info.avatar || '/images/profile.png'} alt="Avatar" /> </div> <div className="info"> <div className="name">{props.info.name}</div> <div className="position">{props.info.email}</div> </div> </div> ) } export default ProfileHeader