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

interface Props extends NavigationScreenProps<{ message: string }> {
}

export const UnSupported: React.SFC<Props> = (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>
    <Text style={{ textAlign: 'center', padding: 24, fontWeight: 'bold' }}>
      {props.navigation.state.params.message}
    </Text>
  </View>
);

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