Source: surfaces/OpenMenu.js

import React, { useEffect } from "react";
import { useMenuContext } from "../../_core/ReactorMenuWrapper";

/**
 * Componente que inicializa un menú sincrónicamente con el contenido que tiene dentro.
 * @name Reactor.Components.Surfaces.Menu
 * @param {MenuOptions} options
 * @class
 * @example
 *  <menu options='{"direction": "top", "offcanvas_class": "rounded-m"}'>
 *    <div>El contenido del menú</div>
 *  </menu>
 */
export const OpenMenu = ({children, options}) => {
  const { show, hide } = useMenuContext();
  useEffect(()=>{
    hide();
    show({...JSON.parse(options)})
  }, []);
  return <>{children}</>;
}