import * as React from 'react';
import { StyleSheet, View, Text, Image, TouchableOpacity, Dimensions, Platform } from 'react-native';
import { normalize } from '../../utils/normalize';
const {
  width: SCREEN_WIDTH,
  height: SCREEN_HEIGHT
} = Dimensions.get('window');
const scaleW = SCREEN_WIDTH / 320;
const scaleH = SCREEN_HEIGHT / 920;
export default function InstructionsView(_ref) {
  let {
    onVerify,
    onBack
  } = _ref;
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.boxImg
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
    onPress: () => onBack(),
    style: styles.navigationBar
  }, /*#__PURE__*/React.createElement(Image, {
    source: require('../../assets/images/left-arrow.png'),
    style: styles.leftArrow
  })), /*#__PURE__*/React.createElement(View, {
    style: styles.imgContainer
  }, /*#__PURE__*/React.createElement(Image, {
    source: require('../../assets/images/img_face.png'),
    style: styles.imgFace
  }))), /*#__PURE__*/React.createElement(View, {
    style: styles.boxBtn
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.title
  }, "Documentos"), /*#__PURE__*/React.createElement(Text, {
    style: styles.subtitle
  }, "Selecione uma op\xE7\xE3o"), /*#__PURE__*/React.createElement(View, {
    style: styles.intructions
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
    onPress: () => onVerify(),
    style: styles.rowInstructions
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.boxIcon
  }, /*#__PURE__*/React.createElement(Image, {
    source: require('../../assets/images/imgOp.png')
  })), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
    style: styles.boxText
  }, "CNH"), /*#__PURE__*/React.createElement(Text, {
    style: styles.boxTextSub
  }, "Remova seu documento do pl\xE1stico e comece.")), /*#__PURE__*/React.createElement(View, {
    style: styles.arrowContainer
  }, /*#__PURE__*/React.createElement(Image, {
    source: require('../../assets/images/rigth-arrow.png'),
    style: styles.rigthArrow
  }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
    onPress: () => onVerify(),
    style: styles.rowInstructions
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.boxIcon
  }, /*#__PURE__*/React.createElement(Image, {
    source: require('../../assets/images/imgOp.png')
  })), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
    style: styles.boxText
  }, "RG"), /*#__PURE__*/React.createElement(Text, {
    style: styles.boxTextSub
  }, "Remova seu documento do pl\xE1stico e comece.")), /*#__PURE__*/React.createElement(View, {
    style: styles.arrowContainer
  }, /*#__PURE__*/React.createElement(Image, {
    source: require('../../assets/images/rigth-arrow.png'),
    style: styles.rigthArrow
  }))))));
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    backgroundColor: '#1648CD',
    width: '100%',
    justifyContent: 'center'
  },
  boxTextSub: {
    paddingLeft: 20,
    width: '75%',
    color: '#666666',
    fontSize: normalize(20, scaleW)
  },
  rowInstructions: {
    width: '100%',
    flex: 3,
    alignItems: 'center',
    flexDirection: 'row',
    borderColor: '#E0E0E0',
    borderWidth: 1,
    padding: 15,
    marginTop: 10,
    borderRadius: 15
  },
  viewBtn: {
    width: '90%',
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  navigationBar: {
    width: '100%'
  },
  intructions: {
    width: '90%',
    paddingBottom: 55,
    flex: 1
  },
  boxIcon: {
    width: 64,
    height: 64,
    alignItems: 'center',
    justifyContent: 'center',
    borderColor: '#E0E0E0',
    borderWidth: 1,
    backgroundColor: '#F5f5f5',
    borderRadius: 100
  },
  boxText: {
    paddingLeft: 20,
    width: '75%',
    color: '#000000',
    fontSize: normalize(25, scaleW)
  },
  imgContainer: {
    flex: 1,
    width: '90%',
    alignItems: 'center',
    justifyContent: 'flex-end'
  },
  arrowContainer: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'flex-end'
  },
  title: {
    marginTop: 30,
    marginLeft: 20,
    width: '90%',
    fontSize: normalize(29, scaleW),
    fontWeight: 'bold',
    /* fontFamily: 'Ubuntu-Bold', */
    color: '#1E1E1E'
  },
  nextBtn: {
    width: 300,
    backgroundColor: '#05D758',
    alignItems: 'center',
    fontWeight: 900,
    borderRadius: 50,
    marginTop: 0
  },
  nextText: {
    /* fontFamily: 'Ubuntu-Medium', */
    fontSize: 25,
    margin: 13
  },
  description_one: {
    textAlign: 'center',
    color: '#FFFFFF',
    /* fontFamily: 'Ubuntu-Bold', */
    fontSize: 30,
    marginLeft: 60,
    marginRight: 60,
    marginTop: 10
  },
  boxInfo: {
    width: '100%',
    paddingTop: 15,
    alignItems: 'center',
    backgroundColor: '#037eee'
  },
  boxBtn: {
    width: '100%',
    flex: Platform.OS === 'ios' ? 1 : 1.3,
    borderTopLeftRadius: 35,
    borderTopRightRadius: 35,
    height: '100%',
    alignItems: 'center',
    backgroundColor: '#FFFFFF'
  },
  boxImg: {
    width: '100%',
    flex: 1,
    height: '100%',
    alignItems: 'center'
  },
  subtitle: {
    /* fontFamily: 'Ubuntu-Regular', */
    fontSize: normalize(20, scaleW),
    marginLeft: 20,
    width: '90%',
    color: '#666666',
    paddingBottom: 25
  },
  iconTop: {
    marginTop: 60,
    marginLeft: 20,
    width: 55,
    height: 55
  },
  leftArrow: {
    marginTop: normalize(70, scaleH),
    marginLeft: 20,
    width: 25,
    height: 25
  },
  rigthArrow: {
    width: 25,
    height: 25,
    left: -90
  },
  imgFace: {
    height: '100%',
    flex: 1,
    aspectRatio: 4 / 4.4
  },
  waveTop: {
    flex: 1,
    width: '100%',
    height: 400
  },
  box: {
    width: 60,
    height: 60,
    marginVertical: 20
  }
});
//# sourceMappingURL=InstructionsView.js.map