import './ProfileData.css';
const ProfileData = ({ givenName, imageUrl, handleClicked }) => {
    return <div className="profile-block" onClick={handleClicked}>
        <div className="user-image-wrapper">
            <img className="user-image" src={imageUrl} alt="Users Profile Image" />
        </div>
        <div className="welcome-message">
            Welcome, {givenName}!
        </div> 
        </div>
}

export default ProfileData;