import React from 'react';
import { StyleSheet, View } from 'react-native';
import { Text, Card , Button } from 'react-native-elements';

export default class App extends React.Component {
  render() {
    return (
      <View style ={{flex : 1 }}>

      <Header
      backgroundColor='#a346a3'
         leftComponent={{ icon: 'menu', color: '#fff' }}
         centerComponent={{ text: 'információ', style: { color: '#fff' } }}
      />

        <View stlye = {{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
        <Text>Szevasz</Text>

        <Card title='információ'>
          <Text>          Válaszolj a kérdésekre! </Text>
          <Text> Kezdéshez smasheld a képernyőt! </Text>
        </Card>

          <Button title='Kezdjük'
          tittleStyle={{ fontsize: 22 }}
          buttonStyle={{
            marginTop: 30,
            width: 150,
            height: 50,
            borderRadius: 30,
            backgroundColor: 'purple'
          }}
          />
      </View>
      </View>
    );
  }
}