import React, { Component } from 'react';
import { Text } from 'react-native';

import { connectStyle } from '@shoutem/theme';
import mapPropsToStyleNames from '../Utils/mapPropsToStyleNames';

class H3 extends Component {
  render() {
    return (
      <Text ref={c => this._root = c} {...this.props} />
    );
  }
}

const childrenType = function (props, propName, component) {
  let error;
  const prop = props[propName];
  React.Children.forEach(prop, (child) => {
    if (typeof child !== 'string') {
      error = new Error(`${component} should have only string`);
    }
  });
  return error;
};

H3.propTypes = {
  ...Text.propTypes,
  children: childrenType,
  style: React.PropTypes.object,
};

const StyledH3 = connectStyle('NativeBase.H3', {}, mapPropsToStyleNames)(H3);

export {
  StyledH3 as H3,
};

@@ -317,328 +317,121 @@
 %0A%7D%0A%0A
-const childrenType = function (props, propName, component) %7B%0A  let error;%0A  const prop = props%5BpropName%5D;%0A  React.Children.forEach(prop, (child) =%3E %7B%0A    if (typeof child !== 'string') %7B%0A      error = new Error(%60$%7Bcomponent%7D should have only string%60);%0A    %7D%0A  %7D);%0A  return error;%0A%7D;%0A%0AH3.propTypes = %7B%0A  ...Text.p
+H3.propTypes = %7B%0A  ...Text.propTypes,%0A  children: React.PropTypes.oneOfType%5BReact.PropTypes.node, React.P
 ropTypes
 ,%0A  
@@ -430,34 +430,16 @@
 ypes
-,%0A  children: childrenType
+.string%5D
 ,%0A  

Update H3.js