import React from 'react';
import {
	StyleSheet,
	View,
} from 'react-native';
import { Text, Loading } from 'nixplay-ui-kit';
import i18n from '~/locale/i18n';

const styles = StyleSheet.create({
	// loadingContainer: {
	// 	height: '100%',
	// 	alignItems: 'center',
	// 	justifyContent: 'center',
	// },
	loadingContainer: {
		height: '50%',
		alignItems: 'center',
		justifyContent: 'center',
	},
});

export const GooglePhotosLoading = () => (
	<View style={styles.loadingContainer}>
		<Loading />
		<View style={{ marginTop: 20, alignItems: 'center' }}>
			<Text textStyle="title2" color="black">{i18n.t('common.loading')}</Text>
			<Text textStyle="footnote" color="grey03">{i18n.t('contents.fetchingLatest')}</Text>
		</View>
	</View>
);
