import React from 'react';
import PropTypes from 'prop-types';

export default function withCsid(BaseComponent) {
  function WithCsid(props, context) {
    const {
      csid,
    } = context;

    return (
      <BaseComponent
        // eslint-disable-next-line react/jsx-props-no-spreading
        {...props}
        csid={csid}
      />
    );
  }

  WithCsid.propTypes = BaseComponent.propTypes;

  WithCsid.contextTypes = {
    csid: PropTypes.string,
  };

  return WithCsid;
}