import { ReactElement, ReactNode } from 'react';
import { Indexable } from './zIndex';
type Size = 'sm' | 'flexible';
type IdealDirection = 'up' | 'right' | 'down' | 'left';
type Role = 'dialog' | 'tooltip';
type PrimaryActionType = {
    accessibilityLabel?: string;
    href: string;
    onClick?: (arg1: {
        event: React.MouseEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLAnchorElement>;
        dangerouslyDisableOnNavigation: () => void;
    }) => void;
    rel?: 'none' | 'nofollow';
    role: 'link';
    target?: null | 'self' | 'blank';
    text: string;
} | {
    accessibilityLabel?: string;
    onClick?: (arg1: {
        event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;
    }) => void;
    role?: 'button';
    text: string;
};
type Props = {
    /**
     * Unique label to describe each PopoverEducational. See the [accessibility section](https://gestalt.pinterest.systems/web/popovereducational#ARIA-attributes) for more guidance.
     */
    accessibilityLabel?: string;
    /**
     * The reference element that PopoverEducational uses to set its position.
     */
    anchor: HTMLElement | null | undefined;
    /**
     * The optional content shown in PopoverEducational. See the [custom content section](https://gestalt.pinterest.systems/web/popovereducational#Custom-content) for more guidance.
     */
    children?: ReactNode;
    /**
     * Unique id to identify each PopoverEducational. Used for [accessibility](https://gestalt.pinterest.systems/web/popovereducational#ARIA-attributes) purposes.
     */
    id?: string;
    /**
     * Specifies the preferred position of PopoverEducational relative to its anchor element.
     */
    idealDirection?: IdealDirection;
    /**
     * Callback fired when PopoverEducational is closed. Must be used to control Popover’s on/off display state. See the [visibility on page load variant](https://gestalt.pinterest.systems/web/popovereducational#Visibility-on-page-load) to learn more.
     */
    onDismiss: () => void;
    /**
     * Main action for users to take on PopoverEducational. If `href` is supplied, the action will serve as a link. See [GlobalEventsHandlerProvider](https://gestalt.pinterest.systems/web/utilities/globaleventshandlerprovider#Link-handlers) to learn more about link navigation.
     * If no `href` is supplied, the action will be a button.
     * The `accessibilityLabel` should follow the [accessibility guidelines for Button](https://gestalt.pinterest.systems/web/button#ARIA-attributes).
     * See the [primary action variant](https://gestalt.pinterest.systems/web/popovereducational#Primary-action) to learn more.
     */
    primaryAction?: PrimaryActionType;
    /**
     * Main text content of PopoverEducational. Content should be [localized](https://gestalt.pinterest.systems/web/popovereducational#Localization). See the [message variant](https://gestalt.pinterest.systems/web/popovereducational#Message) to learn more.
     *
     */
    message?: string | ReactElement;
    /**
     * The underlying ARIA role for PopoverEducational. See the [role section in Accessibility](https://gestalt.pinterest.systems/web/popovereducational#Role) for more info.
     */
    role?: Role;
    /**
     * Puts the focus on PopoverEducational when it’s triggered. See the [keyboard navigation section in Accessibility](https://gestalt.pinterest.systems/web/popovereducational#Keyboard-navigation) to learn more.
     */
    shouldFocus?: boolean;
    /**
     * The maximum width of PopoverEducational. See the [size variant](https://gestalt.pinterest.systems/web/popovereducational#Size) to learn more.
     */
    size?: Size;
    /**
     * An object representing the zIndex value of PopoverEducational. Learn more about [zIndex classes](https://gestalt.pinterest.systems/web/zindex_classes)
     */
    zIndex?: Indexable;
};
/**
 * [PopoverEducational](https://gestalt.pinterest.systems/web/popovereducationaleducational) is a floating container that introduces users to elements on the screen. Used for education or onboarding experiences.
 * ![PopoverEducational light mode](https://raw.githubusercontent.com/pinterest/gestalt/master/playwright/visual-test/PopoverEducational.spec.ts-snapshots/PopoverEducational-chromium-darwin.png)
 * ![PopoverEducational dark mode](https://raw.githubusercontent.com/pinterest/gestalt/master/playwright/visual-test/PopoverEducational-dark.spec.ts-snapshots/PopoverEducational-dark-chromium-darwin.png)
 */
declare function PopoverEducational({ accessibilityLabel, anchor, children, id, idealDirection, message, onDismiss, primaryAction, role, shouldFocus, size, zIndex, }: Props): import("react/jsx-runtime").JSX.Element | null;
declare namespace PopoverEducational {
    var displayName: string;
}
export default PopoverEducational;
