import React, { Component } from "react"
import { Button, TextProperties } from 'react-native';
import BaseFunc from '../base/func'
import BaseDefine from '../base/define'

import Icon from 'react-native-vector-icons/MaterialCommunityIcons';

import IconEvilIcons from 'react-native-vector-icons/EvilIcons';

import { IformProp, IformOption } from '../aim/form'
import { IbaseStyleExtend, IbasePropertyExtend, IbaseEventExpand } from "../aim/face"

import PlusHelperItem from '../helper/item'

import OperatePage from '../operate/page';

interface State {
}

interface Prop extends IbasePropertyExtend, IbaseEventExpand {

    style?: any

}

/**
 * Hello
 */
export default class extends Component<Prop, State>{

    constructor(props: Prop) {
        super(props);
    }


    render() {


        let sShowType = PlusHelperItem.upItemShowType(this.props.pShow);

        if (sShowType === "hidden") {
            return null;
        }



        if (this.props.pFamily === 'evil') {
            return (


                <IconEvilIcons name={this.props.pName} style={this.props.style} color={this.props.pColor} onPress={this.props.onPress}  >

                </IconEvilIcons>

            );
        }
        else {
            return (


                <Icon name={this.props.pName} style={this.props.style} color={this.props.pColor} onPress={this.props.onPress}  >

                </Icon>

            );
        }

    }


}