import React, { Component } from "react"
import { StyleSheet, Text, View } from "react-native"
import { unitWidth, unitHeight } from "../../utils/AdapterUtil";
import AntDesign from "react-native-vector-icons/AntDesign"

export default class Info extends Component {

    render() {
        let { infoList } = this.props
        return (
            <View style={styles.infoArea}>
                <View style={styles.infoTitle}>
                    <AntDesign
                        name={"exclamationcircleo"}
                        size={15}
                        style={{ color: "#FA788A" }}
                    />
                    <Text style={{ color: "#333333", fontSize: unitWidth * 28, marginLeft: unitWidth * 12 }}>证明材料拍摄技巧</Text>
                </View>
                <View style={styles.infoList}>
                    {
                        infoList.map(item=>{
                        return <Text style={{ color: "#666666", fontSize: unitWidth * 28, marginBottom: unitWidth * 10 }}>{item}</Text>
                        })
                    }
                </View>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    infoArea: {
        width: "100%",
        marginTop:unitHeight * 40
    },
    infoTitle: {
        flexDirection: "row",
        paddingLeft: unitWidth * 24,
        alignItems: "center"
    },
    infoList: {
        marginTop: unitHeight * 10,
        marginLeft: unitWidth * 64,
        paddingRight:unitWidth * 24
    }
})