import { default as React } from 'react'; import { GuidedTourStepProps } from './GuidedTourStep'; export type GuidedTourProps = { /** 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; /** Function to call when the Got It button is clicked. This will close the Guided Tour */ closeCallout: GuidedTourStepProps['close']; /** Determines whether to show the Guided Tour or not. */ show: boolean; /** Steps for the Guided Tour */ steps: Array<{ /** Header text for a specific tour step. */ header: string; /** Body text for a specific tour step. */ body: React.ReactNode; /** CSS selector for the element highlighted in a tour step. */ selector: string; }>; /** To trigger an action on clicking the Next button */ nextButtonCallout?: (currentStep: number) => void; /** Optional prop to add a test id to the GuidedTour for QA testing */ qaTestId?: string; }; declare const GuidedTour: ({ stepHeaderText, closeCallout, show, steps, nextButtonCallout, qaTestId, }: GuidedTourProps) => React.JSX.Element; export default GuidedTour;