text: import React from 'react'
  import { View, Text,Dimensions, TouchableOpacity,StyleSheet } from 'react-native'
  const width = Dimensions.get('window').width;
  import languages from './../../locales/languages'
  
  const Intro2 = (props) => {
      return (
          <View style={styles.mainContainer}>
              <View style={styles.infoCard}>
                  <Text  style={styles.infoCardHeadText}>{languages.t('label.intro2_title1')}</Text>
                  <Text style={styles.infoCardBodyText}>{languages.t('label.intro2_para1')}</Text>
                  <Text style={styles.infoCardHeadText}>{languages.t('label.intro2_title2')}</Text>
                  <Text style={styles.infoCardBodyText}>{languages.t('label.intro2_para2')}</Text>
              </View>
             
             <View style={styles.navigationDotsView}>
             <TouchableOpacity 
             onPress={()=>props.swipe(-1)}
                 style={styles.inactiveIndicator}/>
                 <View 
                 style={styles.activeIndicator}/>
              <TouchableOpacity 
              onPress={()=>props.swipe(1)}
                 style={styles.inactiveIndicator}/>
             </View>
  
              <View style={styles.buttonContainer}>
              <TouchableOpacity 
              onPress={()=>props.swipe(-1)}
              style={styles.secondaryButtonTouchable} >
                  <Text style={styles.secondaryButtonText}>{languages.t('label.back')}</Text>
              </TouchableOpacity>
            
             <TouchableOpacity 
             onPress={()=>props.swipe(1)}
              style={styles.primaryButtonTouchable} >
                  <Text style={styles.primaryButtonText}>{languages.t('label.next')}</Text>
              </TouchableOpacity>
              </View>
            
              {/* <TouchableOpacity><Text style={{marginTop:12,fontFamily:'OpenSans-SemiBold',alignSelf:'center',color:'#665eff'}}>Skip this</Text></TouchableOpacity> */}
          </View>
      )
  }
  
  
  const styles = StyleSheet.create({
      
      mainContainer:{
          flex:1,
          backgroundColor:'white'
      },
      infoCard: {width:width*0.7866,backgroundColor:'#3497fc',height:'70%',borderRadius:12,alignSelf:'center',marginTop:'9%',justifyContent:'center'},
      infoCardImage:{alignSelf:'center',width:width*.5,height:width*.5,marginTop:'16%'},
      infoCardHeadText:{
          fontFamily: "OpenSans-Bold",
          fontSize: 24,
          lineHeight: 55,
          letterSpacing: 0,
          textAlign: "center",
          color: "#ffffff"
          },
          infoCardBodyText:{
              opacity: 0.8,
              fontFamily: "OpenSans-SemiBold",
              fontSize: 14,
              lineHeight: 24,
              letterSpacing: 0,
              textAlign: "center",
              color: "#ffffff",
              maxWidth:'84%',
              alignSelf:'center',
              marginTop:20},
      navigationDotsView:{flexDirection:'row',left:width*.445,marginTop:30},
      activeIndicator:{
          width: 8,
          height: 8,
          borderRadius: 13,
          backgroundColor: "#665EFF",
          opacity:1,
          marginRight:8
      },
      inactiveIndicator:{
          width: 8,
          height: 8,
          opacity: 0.32,
          borderRadius: 13,
          backgroundColor: "#78849e",
          marginRight:8
      },
      primaryButtonTouchable:{
          borderRadius: 12,
          backgroundColor: "#665eff",
          height:52,
          alignSelf:'center',
          width:width*.38,
          marginTop:30,
          justifyContent:'center'
          },
          primaryButtonText:{
              fontFamily: "OpenSans-Bold",
              fontSize: 14,
              lineHeight: 19,
              letterSpacing: 0,
              textAlign: "center",
              color: "#ffffff"},
      buttonContainer:{flexDirection:'row',justifyContent:'space-between',width:width*.7866,alignSelf:'center'},
      secondaryButtonTouchable:{
          borderRadius: 12,
          backgroundColor: "rgba(120, 132, 158, 0.16)",
          height:52,
          alignSelf:'center',
          width:width*.38,
          marginTop:30,
          justifyContent:'center'
          },
          secondaryButtonText:{
              fontFamily: "OpenSans-Bold",
              fontSize: 14,
              lineHeight: 19,
              letterSpacing: 0,
              textAlign: "center",
              color: "#454f63"}
  });
  
  
  export default Intro2
  