import * as React from 'react'; import styles from '@patternfly/react-styles/css/components/Wizard/wizard'; import { css } from '@patternfly/react-styles'; export interface WizardNavProps extends Omit, 'type' | 'ref'> { /** children should be WizardNavItem components */ children?: any; /** Aria-label applied to the navigation element */ 'aria-label'?: string; /** Sets the aria-labelledby attribute on the navigation element */ 'aria-labelledby'?: string; /** Whether the navigation is expanded */ isExpanded?: boolean; /** True to return the inner list without the wrapping navigation element */ isInnerList?: boolean; /** Additional classes spread to the wizard nav */ className?: string; } export const WizardNav: React.FunctionComponent = ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, isExpanded = false, isInnerList = false, className, ...props }: WizardNavProps) => { if (isInnerList) { return (

{children}

); } return (
); }; WizardNav.displayName = 'WizardNav';