withModal hoc (semantic-ui-react modal)

withModal.tsx

import * as React from 'react';
import { Modal, ModalProps } from './semantic';

export function withModal<T extends {} = any>(
  modalOptions: ModalProps | ((props: T) => ModalProps),
) {
  return BaseComponent => props => {
    const modalProps =
      typeof modalOptions === 'function' ? modalOptions(props) : modalOptions;

    return (
      <Modal {...modalProps}>
        <BaseComponent {...props} />
      </Modal>
    );
  };
}