/// <reference types="react" />
import Button from '@littlespoon/button';
import Typography from '@littlespoon/ui/Typography';
import { AlertTypes, AlertVariant } from './Alert';
export declare const AlertWrapper: import("styled-components").StyledComponent<"div", any, {
    title?: string | undefined;
    variant?: AlertVariant | undefined;
    type?: AlertTypes | undefined;
    showCloseButton?: boolean | undefined;
    closeButtonTitle?: string | undefined;
    isOpen?: boolean | undefined;
    delay?: number | undefined;
    stackIndex?: number | undefined;
} & {
    children?: import("react").ReactNode;
}, never>;
export declare const AlertMessages: import("styled-components").StyledComponent<"div", any, Partial<{
    title?: string | undefined;
    variant?: AlertVariant | undefined;
    type?: AlertTypes | undefined;
    showCloseButton?: boolean | undefined;
    closeButtonTitle?: string | undefined;
    isOpen?: boolean | undefined;
    delay?: number | undefined;
    stackIndex?: number | undefined;
} & {
    children?: import("react").ReactNode;
} & {
    type: AlertTypes.TOAST;
    delay?: number | undefined;
    showCloseButton: boolean;
    onClose: () => void;
} & import("react").HTMLAttributes<HTMLElement>> | Partial<{
    title?: string | undefined;
    variant?: AlertVariant | undefined;
    type?: AlertTypes | undefined;
    showCloseButton?: boolean | undefined;
    closeButtonTitle?: string | undefined;
    isOpen?: boolean | undefined;
    delay?: number | undefined;
    stackIndex?: number | undefined;
} & {
    children?: import("react").ReactNode;
} & {
    type: AlertTypes.RELATIVE | AlertTypes.BANNER;
    showCloseButton: boolean;
    onClose?: (() => void) | undefined;
} & import("react").HTMLAttributes<HTMLElement>> | Partial<{
    title?: string | undefined;
    variant?: AlertVariant | undefined;
    type?: AlertTypes | undefined;
    showCloseButton?: boolean | undefined;
    closeButtonTitle?: string | undefined;
    isOpen?: boolean | undefined;
    delay?: number | undefined;
    stackIndex?: number | undefined;
} & {
    children?: import("react").ReactNode;
} & {
    type?: AlertTypes.RELATIVE | AlertTypes.BANNER | undefined;
    onClose?: (() => void) | undefined;
} & import("react").HTMLAttributes<HTMLElement>>, never>;
export declare const AlertDescription: import("styled-components").StyledComponent<typeof Typography, any, {
    noMargin: true;
    variant: {
        0: "p4";
        1000: "p3";
    };
}, "variant" | "noMargin">;
export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const AlertCloseButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
//# sourceMappingURL=AlertBase.d.ts.map