import { type AriaLabelingProps, type DataTestId, type MaskingProps, type WithChildren } from '@dynatrace/strato-components/core';
/**
 * Accepted properties for Microguide
 * @public
 */
export interface MicroguideProps extends WithChildren, AriaLabelingProps, DataTestId, MaskingProps {
    /**
     * Whether the Microguide is currently shown or not. Has to be controlled by the consumer.
     */
    open: boolean;
    /**
     * Placement of the Microguide.
     * @defaultValue 'bottom-right'
     */
    placement?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
    /**
     * Callback fired when closing the Microguide.
     * Indicates the current step (zero-based) when closing and whether the Microguide was finished (i.e. closed in the last step).
     * @param currentStep - The currently active step when closing.
     * @param finished - Whether the guide was closed in the last step.
     */
    onClose: (currentStep: number, finished: boolean) => void;
    /**
     * Callback fired when the user navigates between steps. Indicates the target step (zero-based).
     * @param step - The step that the user navigated to.
     */
    onStepChange?: (step: number) => void;
}
/**
 * The `Microguide` supports the onboarding of new users, as well as the introduction of new features to existing users.
 * It can have one or multiple steps, each of which has three optional slots: `Title`, `Visual` and `Content`.
 * @public
 */
export declare const Microguide: ((props: MicroguideProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null) & {
    Step: {
        ({ children }: import("react").PropsWithChildren): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
    Title: {
        (props: import("../shared-components/Title.js").TitleProps): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
    Visual: {
        (props: import("../shared-components/Visual.js").VisualProps): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
    Content: {
        (props: import("../shared-components/Content.js").ContentProps): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
};