import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import MotivateComponent from './Motivate'

export default class MotivationalAppKonnect extends React.Component {
  state={
    Lo: [
      (quote)= 'There is a madness in loving you, a lack of reason that makes it feel so flawless',
      (author)='Leo Christopher',
      (date)='12th August,2015',
      (type)='Love '
    ],
    Ed: [
      (quote)='An investment in knowledge pays the best interest -',
      (author)='Arthur Robinson',
      (date)='15th July,2012',
      (type)='Educational',

    ],
    Mu:[
      (quote)='Without music, life would be a mistake ― ',
      (author)='Friedrich Nietzsche',
      (date)='31st December,1972',
      (type)='Music',

    ],
    Pr:[
      (quote)='While no success, try again.If dead, break',
      (author)='Jones Reshiavic',
      (date)='25th June 2018',
      (type)='Programming',

    ]
  }
  e=()=>{this.setState({Lo:this.state.Ed})}
  f=()=>{this.setState({Ed:this.state.Mu})}
  g=()=>{this.setState({Mu:this.state.Pr})}

  render() {
    return (
      <View style={styles.container}>
        <MotivateComponent a={this.state.Lo} b={this.e} />
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    color:'black',
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});