2020-07-30 17:30:45 +00:00
|
|
|
import React from 'react';
|
|
|
|
import { useModalBehavior } from '../utils/custom-hooks';
|
|
|
|
|
2020-08-06 18:59:22 +00:00
|
|
|
|
2020-07-30 17:30:45 +00:00
|
|
|
export default (component) => {
|
|
|
|
const [visible, trigger, setRef] = useModalBehavior();
|
|
|
|
|
|
|
|
const wrapper = () => <div ref={setRef}> {visible && component} </div>; // eslint-disable-line
|
|
|
|
|
|
|
|
return [trigger, wrapper];
|
|
|
|
};
|