'use strict';
/** @jsx createElement */
import { createElement, Component, render } from 'rax';
import { View, Text, Modal, Button } from 'weex-nuke';
import styles from './container.less';

class Demo extends Component {
  constructor(props) {
    super(props);
    this.state = {};
    this.btnPress = this.btnPress.bind(this);
  }

  btnPress() {
    Http.fetch({
      name: 'nuke.demo.interface.get',
      data: {}
    }).then(function(res) {
      Modal.toast('数据请求成功');
      console.log(res);
    });
  }

  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>Hello World 🌍</Text>
        <View style={styles.instructions}>
          <Label>coding in src folder & have fun 😄 !</Label>
        </View>
        <Button type="primary" onPress={this.btnPress}>
          Fetch
        </Button>
      </View>
    );
  }
}

export default Demo;