content: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import AppIntro from 'react-native-app-intro';
  import { setViewed } from './services/';
  import parameters from '~/config/parameters';
  import themeColors from '~/theme/colors';
  
  import { presentation1, presentation2, presentation3, presentation4, presentation5 } from '~/assets';
  const images = [ presentation1, presentation2, presentation3, presentation4, presentation5 ];
  const pageArray = parameters.welcomScreens
    .slice(0)
    .map((page, index) => Object.assign({}, page, { img: images[index] })
  );
  
  class PresentationScene extends Component {
    doneBtnHandle = () => {
      setViewed();
      if (this.props.navigation) {
        return this.props.navigation.goBack();
      }
    }
  
    render() {
      return (
        <AppIntro
          onDoneBtnClick={this.doneBtnHandle}
          onSkipBtnClick={this.doneBtnHandle}
          pageArray={pageArray}
          dotColor={themeColors.mainReverse}
          activeDotColor={themeColors.main}
          rightTextColor="#fff"
          leftTextColor="#fff"
          doneBtnLabel={this.props.navigation ? 'Close' : 'Start'}
          skipBtnLabel="Skip"
          nextBtnLabel="Next ›"
          showSkipButton
          showDoneButton
          showDots
        />
      );
    }
  }
  
  PresentationScene.propTypes = {
    navigation: PropTypes.any,
  };
  
  PresentationScene.defaultProps = {
    navigation: null,
  }
  
  PresentationScene.navigationOptions = {
    header: null,
    footer: null,
  };
  
  export default PresentationScene;
  
  
  
  