text: /* eslint-disable */
  
  import React from 'react';
  import ReactDOM from 'react-dom';
  
  const Info = (props) => (
    <div>
      <h1>Info</h1>
      <p>This info is: {props.info}</p>
    </div>
  );
  
  const withAdminWarning = WrappedComponent => {
    return props => (
      <div>
        {props.isAdmin && <p>This is private info. Please don't Share!</p>}
        <WrappedComponent {...props}/>
      </div>
    );
  };
  
  const requireAuthentication = WrappedComponent => {
    return props => (
      <div>
        {props.isAuthenticated 
          ? <WrappedComponent {...props}/>
          : <p>Please login</p>
        }
      </div>
    );
  };
  
  
  
  const AdminInfo = withAdminWarning(Info);
  const AuthInfo = requireAuthentication(Info);
  
  ReactDOM.render(<AuthInfo isAuthenticated={false} info="DETAILS!!!"/>, document.getElementById('app'));