text: import * as React from 'react';
  import { Tabs, Tab } from 'react-bootstrap';
  import { withBarong, BarongLoginForm, BarongRegisterForm } from 'react-barong';
  
  const Register = withBarong(BarongRegisterForm, {
      type: 'register',
      host: 'http://localhost:3000/api/v2',
      redirection: 'http://localhost:3000/office',
  });
  
  const Login = withBarong(BarongLoginForm, {
      type: 'login',
      host: 'http://localhost:3000/api/v2',
      redirection: 'http://localhost:3000/office',
  });
  
  export default class ExampleApp extends React.Component {
      render () {
          return (
              <Tabs fill justify defaultActiveKey="login" id="uncontrolled-tab-example">
                  <Tab eventKey="login" title="SignIn">
                      <Login />
                  </Tab>
                  <Tab eventKey="create-account" title="SignUp">
                      <Register />
                  </Tab>
              </Tabs>
          );
      }
  }
  