import type { FunctionComponent } from 'react';
import { ModalProps } from '@patternfly/react-core';
import { ChatbotDisplayMode } from '../Chatbot';
export interface OnboardingProps extends ModalProps {
    /** Class applied to modal */
    className?: string;
    /** Action assigned to primary modal button */
    onPrimaryAction?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
    /** Action assigned to secondary modal button */
    onSecondaryAction: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
    /** Name of primary modal button */
    primaryActionBtn?: string;
    /** Name of secondary modal button */
    secondaryActionBtn?: string;
    /** Function that handles modal toggle */
    handleModalToggle: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
    /** Whether modal is open */
    isModalOpen: boolean;
    /** Title of modal */
    title?: string;
    /** Display mode for the Chatbot parent; this influences the styles applied */
    displayMode?: ChatbotDisplayMode;
    /** Optional image displayed in header */
    headerImage?: string;
    /** Alt text for optional image displayed in header */
    headerImageAltText?: string;
    /** Ref applied to modal */
    innerRef?: React.Ref<HTMLDivElement>;
    /** OuiaID applied to modal */
    ouiaId?: string;
    /** Sets modal to compact styling. */
    isCompact?: boolean;
}
export declare const OnboardingBase: FunctionComponent<OnboardingProps>;
declare const Onboarding: import("react").ForwardRefExoticComponent<Omit<OnboardingProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export default Onboarding;