import React from 'react';
import { View } from 'react-native';

const MenuOptions = ({ style, children, onSelect, customStyles }) => (
  <View style={[customStyles.optionsWrapper, style]}>
    {
      React.Children.map(children, c =>
        React.isValidElement(c) ?
          React.cloneElement(c, {
            onSelect: c.props.onSelect || onSelect,
            customStyles: Object.keys(c.props.customStyles || {}).length ? c.props.customStyles : customStyles
          }) : c
      )
    }
  </View>
);

MenuOptions.propTypes = {
  onSelect: React.PropTypes.func,
  customStyles: React.PropTypes.object,
  renderOptionsContainer: React.PropTypes.func,
  optionsContainerStyle: React.PropTypes.oneOfType([
    React.PropTypes.object,
    React.PropTypes.number,
  ]),
};

MenuOptions.defaultProps = {
  customStyles: {},
};

export default MenuOptions;

@@ -5,16 +5,31 @@
 rt React
+, %7B PropTypes %7D
  from 'r
@@ -558,22 +558,16 @@
 Select: 
-React.
 PropType
@@ -590,22 +590,16 @@
 Styles: 
-React.
 PropType
@@ -634,22 +634,16 @@
 tainer: 
-React.
 PropType
@@ -675,22 +675,16 @@
 rStyle: 
-React.
 PropType
@@ -697,30 +697,24 @@
 fType(%5B%0A    
-React.
 PropTypes.ob
@@ -723,22 +723,16 @@
 ct,%0A    
-React.
 PropType
@@ -741,16 +741,37 @@
 number,%0A
+    PropTypes.array,%0A
   %5D),%0A%7D;

Allow also array as style prop type