{"size": 1203, "ext": "js", "max_stars_repo_path": "src/Screens/AppIntro/Slide.js", "max_stars_repo_name": "ivanng299/TestRNStarter", "max_stars_repo_stars_event_min_datetime": "2019-04-30T12:20:20.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-18T21:41:34.000Z", "max_issues_repo_path": "src/Screens/AppIntro/Slide.js", "max_issues_repo_name": "ivanng299/TestRNStarter", "max_issues_repo_issues_event_min_datetime": "2019-05-20T20:35:04.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T18:52:23.000Z", "max_forks_repo_path": "src/Screens/AppIntro/Slide.js", "max_forks_repo_name": "ivanng299/TestRNStarter", "max_forks_repo_forks_event_min_datetime": "2019-05-01T06:01:40.000Z", "max_forks_repo_forks_event_max_datetime": "2022-02-14T14:28:05.000Z"}
{"max_stars_count": 271, "max_issues_count": 34, "max_forks_count": 91, "avg_line_length": 21.1052631579, "max_line_length": 73, "alphanum_fraction": 0.6109725686}
import React from 'react';
import {
  StyleSheet,
  Text,
  View,
  Image,
  Dimensions,
  Platform,
} from 'react-native';

const {width, height} = Dimensions.get('window');

const DefaultSlide = props => {
  const style = {
    backgroundColor: props.backgroundColor,
    width: props.width,
    flex: 1,
    paddingBottom: props.bottomButton ? 132 : 64,
  };
  return (
    <View style={[styles.mainContent, style]}>
      <Text style={[styles.title, props.titleStyle]}>{props.title}</Text>
      <Image source={props.image} style={props.imageStyle} />

      <View>
        {props.renderExtra ? props.renderExtra() : null}
        <Text style={[styles.text, props.textStyle]}>{props.text}</Text>
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  mainContent: {
    justifyContent: 'space-around',
    alignItems: 'center',
  },
  text: {
    color: 'rgba(255, 255, 255, .7)',
    fontSize: 16,
    width,
    textAlign: 'center',
    fontWeight: '300',
    paddingHorizontal: 16,
  },
  title: {
    fontSize: 26,
    color: 'rgba(255, 255, 255, .7)',
    fontWeight: '300',
    width,
    textAlign: 'center',
    paddingHorizontal: 16,
  },
});

export default DefaultSlide;
