/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */
import React, { Component } from 'react';
import { View, Image, StyleSheet } from 'react-native';
import Constants from 'expo-constants';
import { Container } from 'native-base';
import HeaderCommon from '../../components/common/header';
import { NavigationDrawerScreenProps } from 'react-navigation-drawer';
interface Iprops extends NavigationDrawerScreenProps {
}
export default class App extends Component<Iprops> {
  toggleMenu = () => this.props.navigation.toggleDrawer();
  render() {
    return (
      <Container>
        <HeaderCommon title='GIF Support' toggleMenu={this.toggleMenu} />
        <View style={styles.container}>
          <Image
            style={{ width: '100%', height: 200 }}
            source={{ uri: 'https://media3.giphy.com/media/wWue0rCDOphOE/giphy.gif' }} />
          <Image
            style={{ width: '100%', height: 200 }}
            source={{ uri: 'https://38.media.tumblr.com/443bd1654f4af46935e6b0cb3abda0d2/tumblr_n9l94rKVWQ1sntui9o1_r1_500.gif' }} />
          <Image
            style={{ width: '100%', height: 200 }}
            source={{ uri: 'https://thumbs.gfycat.com/CharmingSecretHeifer-size_restricted.gif' }} />
        </View>
      </Container>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1',
  },
});