import React, { type ReactNode } from 'react';
import type { Status } from '../../util/variant-types';
export type PageNotificationProps = React.HTMLAttributes<HTMLElement> & {
    /**
     * CSS class names that can be appended to the component.
     */
    className?: string;
    /**
     * Callback when notification is dismissed. When passed in, renders banner with a close icon in the top right.
     */
    onDismiss?: () => void;
    /**
     * Whether the button layout for the call to action is vertical or horizontal.
     */
    buttonLayout?: 'vertical' | 'horizontal';
    /**
     * Slot for a button or other interactive element to direct a user to a follow-up action
     */
    callToAction?: ReactNode;
    /**
     * Keyword to characterize the state of the notification
     */
    status?: Status;
    /**
     * Secondary text used to describe the content in more detail
     */
    subTitle?: ReactNode;
    /**
     * The title/heading of the component
     */
    title?: string;
};
/**
 * `import {PageNotification} from "@chanzuckerberg/eds";`
 *
 * An alert placed at the top of a page which impacts the entire experience on a screen.
 */
export declare const PageNotification: {
    ({ buttonLayout, callToAction, className, subTitle, onDismiss, status, title, ...other }: PageNotificationProps): React.JSX.Element;
    displayName: string;
};