_renderIcon() {
        const { styles, labelPlacement, showLabel } = this.props;

        const localStyle = styles.iconStyle || {
            alignItems: 'center',
            display: 'flex',
            alignSelf: 'center'
        }
        if (showLabel && labelPlacement === 'bottom') {
            localStyle.borderRadius = styles.style.borderRadius || 0;
            localStyle.borderWidth = styles.style.borderWidth ;
            localStyle.width = styles.style.width;
            localStyle.height = styles.style.height;
            localStyle.backgroundColor = styles.style.backgroundColor;
            localStyle.alignSelf = 'center';
            localStyle.alignItems = 'center';
            localStyle.justifyContent = 'center';


        }
        console.log( localStyle)

        return (
            <Icon
                src = { this.props.icon }
                style = { localStyle } />
        );
    }
/**
     * Renders the {@code Icon} part of this {@code ToolboxItem}.
     *
     * @private
     * @returns {ReactElement}
     */
Renders the  Icon part of this  ToolboxItem.
Renders the Icon part of this ToolboxItem .
_renderIcon() {
        const { styles, labelPlacement, showLabel } = this.props;
        const localStyle = styles.iconStyle || {
            alignItems: 'center',
            display: 'flex',
            alignSelf: 'center'
        }
        if (showLabel && labelPlacement === 'bottom') {
            localStyle.borderRadius = styles.style.borderRadius || 0;
            localStyle.borderWidth = styles.style.borderWidth ;
            localStyle.width = styles.style.width;
            localStyle.height = styles.style.height;
            localStyle.backgroundColor = styles.style.backgroundColor;
            localStyle.alignSelf = 'center';
            localStyle.alignItems = 'center';
            localStyle.justifyContent = 'center';
        }
        console.log( localStyle)
        return (
            <Icon
                src = { this.props.icon }
                style = { localStyle } />
        );
    }
_renderIcon ( ) { const { styles , labelPlacement , showLabel } = this . props ; const localStyle = styles . iconStyle || { alignItems : 'center' , display : 'flex' , alignSelf : 'center' } if ( showLabel && labelPlacement === 'bottom' ) { localStyle . borderRadius = styles . style . borderRadius || 0 ; localStyle . borderWidth = styles . style . borderWidth ; localStyle . width = styles . style . width ; localStyle . height = styles . style . height ; localStyle . backgroundColor = styles . style . backgroundColor ; localStyle . alignSelf = 'center' ; localStyle . alignItems = 'center' ; localStyle . justifyContent = 'center' ; } console . log ( localStyle ) return ( < Icon src = { this . props . icon } style = { localStyle } / > ) ; }
Renders the {@code Icon} part of this {@code ToolboxItem}.
Renders the { @code Icon } part of this { @code ToolboxItem } .