var React = require('react-native');

var StyleSheetRegistry = require('react-native/Libraries/StyleSheet/StyleSheetRegistry');

module.exports = function(incomingProps, defaultProps) {


    // External props has a higher precedence
    var computedProps = {};
    
    incomingProps = _.clone(incomingProps);

    if(incomingProps)
        delete incomingProps.children;

    // console.log(defaultProps, incomingProps);

    if(incomingProps)
        _.merge(computedProps, defaultProps, incomingProps);
    else 
        computedProps = defaultProps;

    // Pass the merged Style Object instead
    if(incomingProps && incomingProps.style) {

        if(typeof incomingProps.style == 'number') {
            var incomingPropsStyle = StyleSheetRegistry.getStyleByID(incomingProps.style);
            computedProps.style = {};
        } else {
            var incomingPropsStyle = incomingProps.style;
        }

        _.merge(computedProps.style, defaultProps.style, incomingPropsStyle); 

    }

    // console.log("computedProps ", computedProps);
    
    return incomingProps ? computedProps : defaultProps;


}