import React from 'react';
import {StyleSheet, Image, View, Text} from 'react-native';
import {container} from './../resoureces/styles/GlobalStyles';
import {BLACK, PRIMERY} from '../color';

export default function StartLoading() {
  return (
    // <ImageBackground
    //   source={require('../resoureces/files/images/frsg_loading.png')}
    //   style={styles.image}
    // />
    <View style={styles.container}>
      <View style={styles.splashLogo}>
        <Image
          source={require('../resoureces/files/images/splash_screen.png')}
          style={styles.image1}
        />
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingHorizontal: 16,
    paddingVertical: 50,
    justifyContent: 'center',
    backgroundColor: PRIMERY,
    color: BLACK,
  },
  splashLogo: {
    flex: 3,
    justifyContent: 'center',
    alignItems: 'center',
  },
  splashCompanyLogo: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  image1: {
    width: '120%',
    resizeMode: 'contain',
  },
  image2: {
    width: '50%',
    resizeMode: 'contain',
  },
});