@sky-mavis/tanto-widget
Version:
Tanto Widget
17 lines • 667 B
JavaScript
import {jsxs,jsx}from'@emotion/react/jsx-runtime';import {useState,useCallback,useMemo}from'react';import {WidgetModal}from'../../WidgetModal.mjs';import {WidgetModalContext}from'./WidgetModalContext.mjs';const WidgetModalProvider = ({
children
}) => {
const [open, setOpen] = useState(false);
const show = useCallback(() => setOpen(true), []);
const hide = useCallback(() => setOpen(false), []);
const contextValue = useMemo(() => ({
open,
setOpen,
show,
hide
}), [open, show, hide]);
return jsxs(WidgetModalContext.Provider, {
value: contextValue,
children: [children, jsx(WidgetModal, {})]
});
};export{WidgetModalProvider};