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

import styles from "../styles";

class Greeting extends React.Component {
  render() {
    return (
      <Text>Hello {this.props.name}!</Text>
    );
  }
}

class LotfOfGreetings extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Greeting name="Rexxar" />
        <Greeting name="Jaina" />
        <Greeting name="Valeera" />
      </View>
    );
  }
}

export default LotfOfGreetings;