function VerticalNavigation(props) {
    const {
        id,
        ariaLabel,
        style,
        selectedItem,
        onSelect,
        compact,
        shaded,
        className,
        children,
    } = props;
    const context = {
        selectedItem,
        onSelect,
    };

    return (
        <StyledNav
            id={id}
            className={className}
            style={style}
            aria-label={ariaLabel}
            compact={compact}
            shaded={shaded}
        >
            <Provider value={context}>{children}</Provider>
        </StyledNav>
    );
}
Navigation represents a list of links that either take the user to another page
or parts of the page the user is in.
@category Layout