// tmp-babel/navigations/web/Header/AccountMenu/AccountPopover/LogoutItem/index.js
import { useLogout } from "@baseapp-frontend/authentication";
import { ButtonBase, MenuItem } from "@mui/material";
import { jsx as _jsx } from "react/jsx-runtime";
var LogoutItem = function LogoutItem2(_ref) {
  var handlePopoverOnClose = _ref.handlePopoverOnClose, _ref$logoutButtonLabe = _ref.logoutButtonLabel, logoutButtonLabel = _ref$logoutButtonLabe === void 0 ? "Logout" : _ref$logoutButtonLabe;
  var _useLogout = useLogout(), logout = _useLogout.logout;
  return /* @__PURE__ */ _jsx(MenuItem, {
    type: "button",
    tabIndex: 0,
    component: ButtonBase,
    onClick: function onClick() {
      handlePopoverOnClose();
      logout();
    },
    sx: {
      fontWeight: "fontWeightBold",
      color: "error.main"
    },
    children: logoutButtonLabel
  });
};
var LogoutItem_default = LogoutItem;

export {
  LogoutItem_default
};
//# sourceMappingURL=chunk-65DTYIWW.mjs.map