import React from 'react'; import { DescriptionList, DescriptionListGroup, DescriptionListTerm, DescriptionListDescription, Wizard, WizardStep, WizardStepType } from '@patternfly/react-core'; const CurrentStepDescriptionList = ({ currentStep }: { currentStep: WizardStepType | undefined }) => ( Index {currentStep?.index} ID {currentStep?.id} Name {currentStep?.name} Visited {currentStep?.isVisited ? 'true' : 'false'} ); export const GetCurrentStepWizard: React.FunctionComponent = () => { const [currentStep, setCurrentStep] = React.useState(); const onStepChange = (_event: React.MouseEvent, currentStep: WizardStepType) => setCurrentStep(currentStep); return ( {currentStep ? : 'Step 1 content'} , ]} /> , ]} /> , ]} /> ); };