@guillotinaweb/react-gmi 0.28.0 → 0.28.1

package/dist/react-gmi.js

@@ -13703,6 +13703,10 @@ function Layout(_ref) {
       onLogout = _ref.onLogout,
       auth = _ref.auth;
 
+  var _useState = React.useState(false),
+      isMenuOpen = _useState[0],
+      setIsMenuOpen = _useState[1];
+
   var doLogout = function doLogout() {
     auth.logout();
     onLogout();
@@ -13716,6 +13720,9 @@ function Layout(_ref) {
         "aria-label": "main navigation",
         children: [jsxRuntime.jsxs("div", {
           className: "navbar-brand",
+          style: {
+            alignItems: 'center'
+          },
           children: [jsxRuntime.jsx("a", {
             className: "navbar-item",
             href: "/",
@@ -13724,13 +13731,16 @@ function Layout(_ref) {
               alt: "Guillotina logo",
               height: "80"
             })
-          }), jsxRuntime.jsxs("a", {
+          }), jsxRuntime.jsxs("div", {
             id: "burger",
             role: "button",
-            className: "navbar-burger burger",
+            className: classnames(['navbar-burger', 'burger', isMenuOpen && 'is-active']),
             "aria-label": "menu",
             "aria-expanded": "false",
             "data-target": "navbarmenu",
+            onClick: function onClick() {
+              return setIsMenuOpen(!isMenuOpen);
+            },
             children: [jsxRuntime.jsx("span", {
               "aria-hidden": "true"
             }), jsxRuntime.jsx("span", {
@@ -13741,7 +13751,7 @@ function Layout(_ref) {
           })]
         }), jsxRuntime.jsxs("div", {
           id: "navbarmenu",
-          className: "navbar-menu",
+          className: classnames(['navbar-menu', isMenuOpen && 'is-active']),
           children: [jsxRuntime.jsx("div", {
             className: "navbar-start"
           }), jsxRuntime.jsx("div", {