import { HTMLAttributes, ReactNode } from 'react';
import { NotificationAction } from './NotificationActionButton';
export type { NotificationAction } from './NotificationActionButton';
export type NotificationVariant = "error" | "warning" | "info" | "success" | "paused" | "suggestion";
export type NotificationActionsPlacement = "inline" | "below";
export interface NotificationProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
    /** Severity — drives the left accent bar, icon chip, tint, and default icon. */
    variant: NotificationVariant;
    title?: ReactNode;
    /** Description body. */
    children?: ReactNode;
    /** `undefined` shows the variant default icon; `null` hides the icon chip. */
    icon?: ReactNode | null;
    /** Action buttons — rendered as severity-aware pills. */
    actions?: NotificationAction[];
    /** `inline` = same row, right-aligned; `below` = stacked under the body. */
    actionsPlacement?: NotificationActionsPlacement;
    /** Nested sub-box rendered below the body (e.g. a suggestion/details panel). */
    suggestion?: ReactNode;
    /** When provided, renders a dismiss (X) control. */
    onClose?: () => void;
}
export declare function Notification({ variant, title, icon, actions, actionsPlacement, suggestion, onClose, className, children, role, ...rest }: NotificationProps): import("react/jsx-runtime").JSX.Element;
