Login.jsx

import React from 'react';
import { Grid, Segment } from 'semantic-ui-react';
import LoginForm from './components/LoginForm';

export default class Login extends React.Component {

  static defaultProps = {
    children: null,
  };

  static propTypes = {
    children: React.PropTypes.oneOfType([
      React.PropTypes.arrayOf(React.PropTypes.node),
      React.PropTypes.node,
    ]),
  };

  render = () => (

    <div className="halamanLogin">
    <Grid columns={2} relaxed>
      <Grid.Column>
        <Segment basic>
          <LoginForm type="company" header="Company Login" imgSrc="logo.png" imgSize="small" />
          {this.props.children}
        </Segment>
      </Grid.Column>

      <Grid.Column>
        <Segment basic>
          <LoginForm type="sso-ui" header="SSO Login" imgSrc="UI.png" imgSize="tiny" />
          {this.props.children}
        </Segment>
      </Grid.Column>

    </Grid>
    </div>
  )
}