import { default as React } from 'react'; export type GuidedTourStepProps = { /** Current step of the Guided Tour parent component. */ currentStep: number; /** Total number of steps for the Guided Tour. */ totalSteps: number; /** We want to display the same text in the step header for all steps. We are using `stepHeaderText` to show a different header in the content. */ stepHeaderText: string; /** Header content for the Guided Tour Step. */ headerText: string; /** Content for the Guided Tour Step. */ text: React.ReactNode; /** Callout to navigate between steps. */ navigate: (stepNumber: number) => void; /** Function to call when the Got It button is clicked. This will close the Guided Tour */ close: () => void; /** To trigger an action on clicking the Next button */ nextButtonCallout?: (currentStep: number) => void; /** Optional prop to add a test id to the GuidedTourStep for QA testing */ qaTestId?: string; }; declare const GuidedTourStep: ({ currentStep, totalSteps, stepHeaderText, headerText, text, navigate, close, nextButtonCallout, qaTestId, }: GuidedTourStepProps) => React.JSX.Element; export default GuidedTourStep;