@guillotinaweb/react-gmi 0.28.0 → 0.28.1

package/dist/react-gmi.umd.js

@@ -13699,6 +13699,10 @@
         onLogout = _ref.onLogout,
         auth = _ref.auth;
 
+    var _useState = React.useState(false),
+        isMenuOpen = _useState[0],
+        setIsMenuOpen = _useState[1];
+
     var doLogout = function doLogout() {
       auth.logout();
       onLogout();
@@ -13712,6 +13716,9 @@
           "aria-label": "main navigation",
           children: [jsxRuntime.jsxs("div", {
             className: "navbar-brand",
+            style: {
+              alignItems: 'center'
+            },
             children: [jsxRuntime.jsx("a", {
               className: "navbar-item",
               href: "/",
@@ -13720,13 +13727,16 @@
                 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", {
@@ -13737,7 +13747,7 @@
             })]
           }), 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", {