import React from 'react';
import {
  ActivityIndicator,
  StatusBar,
  StyleSheet,
  Text,
  View,
} from 'react-native';
import { Colors } from '../components/ui';

interface Props {

}

export const SplashScreen: React.SFC<Props> = () => (
  <View style={styles.container}>
    <StatusBar backgroundColor={'white'} />
    <Text style={{ color: Colors.employer.primary, fontSize: 30, fontWeight: 'bold' }}>
      Instant
      <Text style={{ color: Colors.employee.primary }}>Job</Text>
    </Text>
    <ActivityIndicator style={{ marginTop: 20 }} />
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  image: {
    width: 50,
    height: 50,
  },
});
