PageWithComponents.js

const Page = ({ user, children, onLogin, onAddComment }) => {
  if (!user.isLoggedIn) {
    return (
      <Layout>
        <h3>Please log in to see and post comments</h3>
        <PasswordInput/>
        <button onClick={onLogin}>Login!</button>
      </Layout>
    );
  }
  return (
    <Layout>
      <h3>Comments section</h3>
      <CommentInput />
      <button onClick={onAddComment}>
        Add comment
      </button>
      {children}
    </Layout>
  );
};