content: import React from 'react';
  import {Decorator as Cerebral} from 'cerebral-view-react';
  import styles from './styles.css';
  
  @Cerebral({
    username: 'login.username',
    password: 'login.password'
  })
  class LoginPage extends React.Component {
      render() {
        const {signals, username, password} = this.props;
        return (
          <form onSubmit={() => signals.login.formSubmitted()} className={styles.wrapper}>
            <input onChange={(e) => signals.login.usernameChanged({value: e.target.value})} value={username} type="text" placeholder="Brukernavn"/>
            <input onChange={(e) => signals.login.passwordChanged({value: e.target.value})} value={password} type="password" placeholder="Passord"/>
            <button type="button" onClick={() => signals.login.formSubmitted()}>Logg inn</button>
            <div className={styles.logo}></div>
          </form>
        );
      }
  }
  
  export default LoginPage;
  