import type { Avatar } from '../avatar/avatar';
import type { Button, ButtonColor, ButtonVariant } from '../button/button';
import type { appConfig } from '../../config';
import type { Color, DeepPartial, Size } from '../../types';
export declare const notification: {
    wrapper: string;
    container: string;
    title: string;
    description: string;
    background: string;
    shadow: string;
    rounded: string;
    padding: string;
    ring: string;
    icon: {
        base: string;
        color: string;
    };
    avatar: {
        base: string;
        size: Size;
    };
    progress: {
        base: string;
        background: string;
    };
    transition: {
        enterActiveClass: string;
        enterFromClass: string;
        enterToClass: string;
        leaveActiveClass: string;
        leaveFromClass: string;
        leaveToClass: string;
    };
    default: {
        color: "inherit" | "current" | "transparent" | "black" | "white" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "gray" | "slate" | "zinc" | "neutral" | "stone" | "light" | "dark" | "lightblue" | "lightBlue" | "warmgray" | "warmGray" | "truegray" | "trueGray" | "coolgray" | "coolGray" | "bluegray" | "blueGray" | "fluo" | "pilot" | "primary" | "bronze" | "silver" | "gold" | "mauve" | "kaki" | "success" | "danger";
        icon: string;
        closeButton: {
            icon: string;
            color: ButtonColor;
            variant: ButtonVariant;
            padded: boolean;
        };
        actionButton: {
            size: Size;
            color: "inherit" | "current" | "transparent" | "black" | "white" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "gray" | "slate" | "zinc" | "neutral" | "stone" | "light" | "dark" | "lightblue" | "lightBlue" | "warmgray" | "warmGray" | "truegray" | "trueGray" | "coolgray" | "coolGray" | "bluegray" | "blueGray" | "fluo" | "pilot" | "primary" | "bronze" | "silver" | "gold" | "mauve" | "kaki" | "success" | "danger";
        };
    };
};
export declare const notifications: {
    wrapper: string;
    position: string;
    width: string;
    container: string;
};
export interface NotificationAction extends Partial<Button> {
    click: () => void;
}
export interface Notification {
    id: string;
    title: string;
    description?: string;
    icon?: string;
    avatar?: Avatar;
    closeButton?: Button;
    timeout?: number;
    actions?: NotificationAction[];
    click?: (notification: Notification) => void;
    callback?: () => void;
    color?: 'gray' | Color;
    ui?: DeepPartial<typeof appConfig.ui.notification>;
}