@octopusdeploy/design-system-components/dist/src/components/NavigationBar/NavigationBarButton.js

The design systems component library.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NavigationBarButton = void 0;
exports.getNavigationButtonAriaAttributes = getNavigationButtonAriaAttributes;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const navigationBarStyles_1 = require("./navigationBarStyles");
exports.NavigationBarButton = (0, react_1.forwardRef)(({ onClick, accessibleName, label, icon, ...otherProps }, ref) => {
    const ariaAttributes = getNavigationButtonAriaAttributes(otherProps);
    return ((0, jsx_runtime_1.jsxs)("button", { className: navigationBarStyles_1.navigationBarTextButtonStyles, onClick: onClick, "aria-label": accessibleName, ref: ref, ...ariaAttributes, children: [label, icon] }));
});
exports.NavigationBarButton.displayName = "NavigationBarButton";
function getNavigationButtonAriaAttributes(props) {
    const ariaAttributes = {
        ["aria-controls"]: props["aria-controls"],
        ["aria-haspopup"]: props["aria-haspopup"],
        ["aria-expanded"]: props["aria-expanded"],
    };
    return ariaAttributes;
}