cluedin-widget/plugin/auth/generic/AuthBox.jsx

This project contains all the pages needed for browsing entities and searching them. The aim is to replace the CluedIn.Webapp project with this one when all the pages ( including the Admin page ) will be ported to REACT.

import React, { PropTypes } from 'react';
import { containerStyle, title, subTitle } from '../styling';
import Paper from 'material-ui/Paper';

const AuthBox = (props) => {
  if (props.mode === 'chrome') {
    return (<div>
      <h1 style={title}>{props.title}</h1>
      <h2 style={subTitle}>
        {props.subTitle}
      </h2>
      {props.children}
      {props.extra}
    </div>);
  }

  return (<div>
    <Paper style={containerStyle} zDepth={4}>
      <h1 style={title}>{props.title}</h1>
      <h2 style={subTitle}>
        {props.subTitle}
      </h2>
      {props.children}
    </Paper>
    <div>
      {props.extra}
    </div>
  </div>);
};

AuthBox.propTypes = {
  title: PropTypes.node,
  subTitle: PropTypes.node,
  children: PropTypes.node,
  extra: PropTypes.node,
  mode: PropTypes.string,
};

export default AuthBox;