@xo-union/tk-component-header-nav/lib/components/HeaderNav/HamburgerButton/index.js

import React from "react";
import { IconButton } from "@xo-union/tk-component-icons";
import BlankButton from "@xo-union/component-blank-button";
import { useHeaderNavContext } from "../Context.js";
const HamburgerButton = () => {
  const {
    classes,
    mainMenuID,
    mainMenuHeadingID,
    navMenuActions,
    navMenuState,
    fetchAppData
  } = useHeaderNavContext();
  const onClick = e => {
    if (!navMenuState.isHamburgerOpen) {
      fetchAppData();
    }
    navMenuActions.toggleHamburger(e);
  };
  return /*#__PURE__*/React.createElement(IconButton, {
    as: BlankButton,
    name: navMenuState.isHamburgerOpen ? 'close' : 'hamburger',
    "aria-haspopup": "true",
    "aria-expanded": navMenuState.isHamburgerOpen,
    "aria-labelledby": mainMenuHeadingID,
    "aria-controls": mainMenuID,
    size: "md",
    className: classes['hamburger-button'],
    onClick: onClick,
    type: "button"
  });
};
export default HamburgerButton;