import { MouseEventHandler, ReactNode } from 'react';
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
interface Props {
    icon?: ReactNode;
    status: 'negative' | 'neutral';
    duration: number;
    actionLabel?: string;
    onMouseEnter: MouseEventHandler;
    onMouseLeave: MouseEventHandler;
}
export declare const Notification: import("styled-components").StyledComponent<"div", any, Props, never>;
export declare const Content: import("styled-components").StyledComponent<any, any, object & {
    readonly size: "2";
    readonly theme: import("../../themes").IrisTheme;
} & {
    children?: ReactNode;
}, string | number | symbol>;
export declare const Icon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").SVGAttributes<SVGSVGElement> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
export declare const Action: import("styled-components").StyledComponent<"a", any, {}, never>;
export {};
