const props = {
  username: 'Rebecca Black',
  userAvatar: 'https://api.time.com/wp-content/uploads/2017/04/rebecca-black.jpg',
  onClickLogin: () => { console.log('Log in clicked'); },
  onClickLogout: () => { console.log('Log out clicked'); },
  onClickSignup: () => { console.log('Sign up clicked'); },
};

<div>
  <p>Without logged-in user:</p>
  <HeaderWidget {...props} isLoggedIn={false} />

  <p>With logged-in user:</p>
  <HeaderWidget {...props} isLoggedIn />

  <p>With logged-in user and hideName set:</p>
  <HeaderWidget {...props} isLoggedIn hideName={true} />
</div>