import React, {Component} from 'react';
import {Text, View, Image} from 'react-native';

class Janta extends Component {
  constructor(props){
    super(props);
    this.state={comida:props.comida};
    var comidas=['Pizza', 'Lasanha','Burger','Sopa','arroz'];

    setInterval(()=>{
      this.setState(previousState=>{
        var n = Math.floor(Math.random() * comidas.length);
        return {comida: comidas[n]};
      });
    },1000);

  }

  render() {
    return(
      <View style={{paddingTop:20}}>
        <Text style={{textAlign:'center', fontWeight:'bold', fontSize:20}}>Hoje você vai jantar: </Text>
        <Text style={{textAlign:'center', fontSize:20}}>{this.state.comida}</Text>
      </View>

      );

  }
}

export default class PrimeiroProjeto extends Component {
  render() {

    return (
      <View style={{paddingTop:20}}>
        <Janta comida='Bolacha'/>
      </View>
    );
  }
}