ApplicationSidebarNavigation.tsx

import React from "react";
import { SideNav as CarbonSideNav, SideNavProps as CarbonSideNavProps } from "@carbon/react";

import { CLASSPREFIX as eccgui } from "../../configuration/constants";

export interface ApplicationSidebarNavigationProps
    extends Omit<CarbonSideNavProps, "ref" | "defaultExpanded" | "isPersistent" | "isFixedNav" | "isChildOfHeader"| "onToggle"> {
            children: React.ReactNode;
            className?: string;
            onToggle?: any //todo change later
        }

export const ApplicationSidebarNavigation = ({
    children,
    className = "",
    ...otherCarbonSideNavProps
}: ApplicationSidebarNavigationProps) => {

    return (
        <CarbonSideNav
            className={`${eccgui}-application__menu__sidebar ${className}`}
            {...otherCarbonSideNavProps}
            aria-label={"sidebar"}
            defaultExpanded={false}
            isPersistent={false}
            isFixedNav={true}
            isChildOfHeader={true}
        >
            {children}
        </CarbonSideNav>
    );
};

export default ApplicationSidebarNavigation;