Styled component without styled components for React Native

styled.js

import React, { PropTypes } from 'react';

import * as theme from '../theme';

const styled = (Component, styler) => props => {
  const propsWithTheme = { ...props, theme };
  const style = typeof styler === 'function' ? styler(propsWithTheme) : styler;

  // React doesn't support "forwarding" ref for now
  if (propsWithTheme.innerRef) {
    propsWithTheme.ref = propsWithTheme.innerRef;
  }

  const component = <Component {...propsWithTheme} style={[style, propsWithTheme.style]} />;
  component.propTypes = {
    style: PropTypes.object,
  };
  component.defaultProps = {
    style: {},
  };
  return component;
};

export default styled;