An example to demonstrate a Modal component made using Recompose

ModalHOC.js

import React from "react";
import { compose, withState, withHandlers } from "recompose";

import { ModalComponent } from "./Modal";

const hoc = compose(
  withState("showModal", "updateModal", false),
  withHandlers({
    onHandleModal: ({ updateModal, showModal }) => () => updateModal(!showModal),
    onBtnSuccess: () => () => console.warn("Success"),
    onBtnCancel: () => () => console.warn("Cancel")
  })
);

const ModalHOC = hoc(ModalComponent);

const modalProps = {
  modalTitle: "My modal Title",
  modalBody: "My modal body will be here!!!!",
  mainBtnLabel: "open modal",
  successBtnLabel: "Do something",
  cancelBtnLabel: "Cancel bro"
};

// <ModalHOC {...modalProps}>