const injectSheetConditionally = (BaseComponent) => {
  const WrappedComponent = (props) => {
    let finalStyles = styles;

    if (props.style === 'vertical') {
      finalStyles = mergeDeepRight(styles, verticalStyles);
    } else {
      finalStyles = mergeDeepRight(styles, horizontalStyles);
    }

    return React.createElement(
      injectSheet(finalStyles)(BaseComponent),
      props,
    );
  }

  return WrappedComponent;
}

export default injectSheetConditionally(InfluencerSimilars);