/**/

export default class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      /**/
      username: '',
      password: ''
    };
  }

  _handlePress() {
     alert(this.state.username);
     alert(this.state.password);
  }

  /**/

  render() {
    /**/
    return <Layout />;
  }
}

/**/
export default ({navigation, _handlePress}) => (
  <View style={{ paddingVertical: 20 }}>
    <Card title="SIGN IN">
      <FormLabel>Email</FormLabel>
      <FormInput
        placeholder="Email address..."
        onChangeText={text => this.setState({email:text})}
      />
      <FormLabel>Password</FormLabel>
      <FormInput
        secureTextEntry
        placeholder="Password..."
        onChangeText={text => this.setState({password:text})}
      />

      <Button
        title="SIGN IN"
        onPress={ _handlePress}
      />
    </Card>
  </View>
);