import type { Notification } from '../components/notification/notification';
export declare const useToast: () => {
    add: (notification: Partial<Notification>) => {
        id: string;
        title?: string | undefined;
        description?: string | undefined;
        icon?: string | undefined;
        avatar?: import("../components/avatar").Avatar | undefined;
        closeButton?: import("../components/button").Button | undefined;
        timeout?: number | undefined;
        actions?: import('../components/notification/notification').NotificationAction[] | undefined;
        click?: ((notification: Notification) => void) | undefined;
        callback?: (() => void) | undefined;
        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" | undefined;
        ui?: Partial<{
            wrapper: string | {
                [key: string]: string | object;
            };
            container: string | {
                [key: string]: string | object;
            };
            title: string | {
                [key: string]: string | object;
            };
            description: string | {
                [key: string]: string | object;
            };
            background: string | {
                [key: string]: string | object;
            };
            shadow: string | {
                [key: string]: string | object;
            };
            rounded: string | {
                [key: string]: string | object;
            };
            padding: string | {
                [key: string]: string | object;
            };
            ring: string | {
                [key: string]: string | object;
            };
            icon: {
                [key: string]: string | object;
            } | Partial<{
                base: string | {
                    [key: string]: string | object;
                };
                color: string | {
                    [key: string]: string | object;
                };
            }>;
            avatar: {
                [key: string]: string | object;
            } | Partial<{
                base: string | {
                    [key: string]: string | object;
                };
                size: {
                    [key: string]: string | object;
                } | Partial<import("..").Size>;
            }>;
            progress: {
                [key: string]: string | object;
            } | Partial<{
                base: string | {
                    [key: string]: string | object;
                };
                background: string | {
                    [key: string]: string | object;
                };
            }>;
            transition: {
                [key: string]: string | object;
            } | Partial<{
                enterActiveClass: string | {
                    [key: string]: string | object;
                };
                enterFromClass: string | {
                    [key: string]: string | object;
                };
                enterToClass: string | {
                    [key: string]: string | object;
                };
                leaveActiveClass: string | {
                    [key: string]: string | object;
                };
                leaveFromClass: string | {
                    [key: string]: string | object;
                };
                leaveToClass: string | {
                    [key: string]: string | object;
                };
            }>;
            default: {
                [key: string]: string | object;
            } | Partial<{
                color: {
                    [key: string]: string | object;
                } | Partial<"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 | {
                    [key: string]: string | object;
                };
                closeButton: {
                    [key: string]: string | object;
                } | Partial<{
                    icon: string | {
                        [key: string]: string | object;
                    };
                    color: {
                        [key: string]: string | object;
                    } | Partial<import("../components/button").ButtonColor>;
                    variant: {
                        [key: string]: string | object;
                    } | Partial<import("../components/button").ButtonVariant>;
                    padded: {
                        [key: string]: string | object;
                    } | Partial<boolean>;
                }>;
                actionButton: {
                    [key: string]: string | object;
                } | Partial<{
                    size: {
                        [key: string]: string | object;
                    } | Partial<import("..").Size>;
                    color: {
                        [key: string]: string | object;
                    } | Partial<"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">;
                }>;
            }>;
        }> | undefined;
    };
    notifications: globalThis.Ref<{
        id: string;
        title: string;
        description?: string | undefined;
        icon?: string | undefined;
        avatar?: {
            src?: string | boolean | undefined;
            alt?: string | undefined;
            text?: string | undefined;
            size?: import("..").Size | undefined;
            chipColor?: "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" | undefined;
            chipVariant?: string | undefined;
            chipPosition?: string | undefined;
            ui?: {
                wrapper?: string | {
                    [key: string]: string | object;
                } | undefined;
                background?: string | {
                    [key: string]: string | object;
                } | undefined;
                rounded?: string | {
                    [key: string]: string | object;
                } | undefined;
                image?: string | {
                    [key: string]: string | object;
                } | undefined;
                placeholder?: string | {
                    [key: string]: string | object;
                } | undefined;
                size?: {
                    [key: string]: string | object;
                } | {
                    "2xs"?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xs?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    sm?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    md?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    lg?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xl?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                chip?: {
                    [key: string]: string | object;
                } | {
                    base?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    background?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    position?: {
                        [key: string]: string | object;
                    } | {
                        'top-right'?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        'bottom-right'?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        'top-left'?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        'bottom-left'?: string | {
                            [key: string]: string | object;
                        } | undefined;
                    } | undefined;
                    size?: {
                        [key: string]: string | object;
                    } | {
                        '2xs'?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xs?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        sm?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        md?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        lg?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xl?: string | {
                            [key: string]: string | object;
                        } | undefined;
                    } | undefined;
                } | undefined;
                default?: {
                    [key: string]: string | object;
                } | {
                    size?: {
                        [key: string]: string | object;
                    } | Partial<import("..").Size> | undefined;
                    chipPosition?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
            } | undefined;
        } | undefined;
        closeButton?: {
            type?: string | undefined;
            isBlock?: boolean | undefined;
            label?: string | undefined;
            isLoading?: boolean | undefined;
            isDisabled?: boolean | undefined;
            isPadded?: boolean | undefined;
            size?: import("..").Size | undefined;
            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" | "lightblue" | "lightBlue" | "warmgray" | "warmGray" | "truegray" | "trueGray" | "coolgray" | "coolGray" | "bluegray" | "blueGray" | "pilot" | "primary" | "bronze" | "silver" | "gold" | "mauve" | "kaki" | "success" | "danger" | import("../components/button").ButtonColor | undefined;
            variant?: import("../components/button").ButtonVariant | undefined;
            icon?: string | undefined;
            loadingIcon?: string | undefined;
            leadingIcon?: string | undefined;
            trailingIcon?: string | undefined;
            isTrailing?: boolean | undefined;
            isLeading?: boolean | undefined;
            to?: string | {
                query?: import("vue-router").LocationQueryRaw | undefined;
                hash?: string | undefined;
                path: string;
                replace?: boolean | undefined;
                force?: boolean | undefined;
                state?: import("vue-router").HistoryState | undefined;
            } | {
                query?: import("vue-router").LocationQueryRaw | undefined;
                hash?: string | undefined;
                name?: import("vue-router").RouteRecordName | undefined;
                params?: import("vue-router").RouteParamsRaw | undefined;
                replace?: boolean | undefined;
                force?: boolean | undefined;
                state?: import("vue-router").HistoryState | undefined;
            } | undefined;
            href?: string | undefined;
            target?: string | undefined;
            ariaLabel?: string | undefined;
            isSquare?: boolean | undefined;
            isTruncate?: boolean | undefined;
            ui?: {
                base?: string | {
                    [key: string]: string | object;
                } | undefined;
                disabled?: string | {
                    [key: string]: string | object;
                } | undefined;
                custom?: string | {
                    [key: string]: string | object;
                } | undefined;
                font?: string | {
                    [key: string]: string | object;
                } | undefined;
                rounded?: string | {
                    [key: string]: string | object;
                } | undefined;
                size?: {
                    [key: string]: string | object;
                } | {
                    "2xs"?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xs?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    sm?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    md?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    lg?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xl?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                gap?: {
                    [key: string]: string | object;
                } | {
                    "2xs"?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xs?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    sm?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    md?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    lg?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xl?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                padding?: {
                    [key: string]: string | object;
                } | {
                    "2xs"?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xs?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    sm?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    md?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    lg?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xl?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                square?: {
                    [key: string]: string | object;
                } | {
                    padding?: {
                        [key: string]: string | object;
                    } | {
                        "2xs"?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xs?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        sm?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        md?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        lg?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xl?: string | {
                            [key: string]: string | object;
                        } | undefined;
                    } | undefined;
                    rounded?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                color?: {
                    [key: string]: string | object;
                } | {
                    light?: {
                        [key: string]: string | object;
                    } | {
                        solid?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        outline?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        soft?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        ghost?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        link?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                    } | undefined;
                    dark?: {
                        [key: string]: string | object;
                    } | {
                        solid?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        outline?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        soft?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        ghost?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        link?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                    } | undefined;
                    fluo?: {
                        [key: string]: string | object;
                    } | {
                        solid?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        outline?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        soft?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        ghost?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        link?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                    } | undefined;
                } | undefined;
                variant?: {
                    [key: string]: string | object;
                } | {
                    solid?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    outline?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    soft?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    ghost?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    link?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                icon?: {
                    [key: string]: string | object;
                } | {
                    base?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    size?: {
                        [key: string]: string | object;
                    } | {
                        "2xs"?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xs?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        sm?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        md?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        lg?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xl?: string | {
                            [key: string]: string | object;
                        } | undefined;
                    } | undefined;
                } | undefined;
                default?: {
                    [key: string]: string | object;
                } | {
                    size?: {
                        [key: string]: string | object;
                    } | Partial<import("..").Size> | undefined;
                    variant?: {
                        [key: string]: string | object;
                    } | Partial<import("../components/button").ButtonVariant> | undefined;
                    color?: {
                        [key: string]: string | object;
                    } | Partial<"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" | "lightblue" | "lightBlue" | "warmgray" | "warmGray" | "truegray" | "trueGray" | "coolgray" | "coolGray" | "bluegray" | "blueGray" | "pilot" | "primary" | "bronze" | "silver" | "gold" | "mauve" | "kaki" | "success" | "danger" | import("../components/button").ButtonColor> | undefined;
                    loadingIcon?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
            } | undefined;
        } | undefined;
        timeout?: number | undefined;
        actions?: {
            click: () => void;
            type?: string | undefined;
            isBlock?: boolean | undefined;
            label?: string | undefined;
            isLoading?: boolean | undefined;
            isDisabled?: boolean | undefined;
            isPadded?: boolean | undefined;
            size?: import("..").Size | undefined;
            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" | "lightblue" | "lightBlue" | "warmgray" | "warmGray" | "truegray" | "trueGray" | "coolgray" | "coolGray" | "bluegray" | "blueGray" | "pilot" | "primary" | "bronze" | "silver" | "gold" | "mauve" | "kaki" | "success" | "danger" | import("../components/button").ButtonColor | undefined;
            variant?: import("../components/button").ButtonVariant | undefined;
            icon?: string | undefined;
            loadingIcon?: string | undefined;
            leadingIcon?: string | undefined;
            trailingIcon?: string | undefined;
            isTrailing?: boolean | undefined;
            isLeading?: boolean | undefined;
            to?: string | {
                query?: import("vue-router").LocationQueryRaw | undefined;
                hash?: string | undefined;
                path: string;
                replace?: boolean | undefined;
                force?: boolean | undefined;
                state?: import("vue-router").HistoryState | undefined;
            } | {
                query?: import("vue-router").LocationQueryRaw | undefined;
                hash?: string | undefined;
                name?: import("vue-router").RouteRecordName | undefined;
                params?: import("vue-router").RouteParamsRaw | undefined;
                replace?: boolean | undefined;
                force?: boolean | undefined;
                state?: import("vue-router").HistoryState | undefined;
            } | undefined;
            href?: string | undefined;
            target?: string | undefined;
            ariaLabel?: string | undefined;
            isSquare?: boolean | undefined;
            isTruncate?: boolean | undefined;
            ui?: {
                base?: string | {
                    [key: string]: string | object;
                } | undefined;
                disabled?: string | {
                    [key: string]: string | object;
                } | undefined;
                custom?: string | {
                    [key: string]: string | object;
                } | undefined;
                font?: string | {
                    [key: string]: string | object;
                } | undefined;
                rounded?: string | {
                    [key: string]: string | object;
                } | undefined;
                size?: {
                    [key: string]: string | object;
                } | {
                    "2xs"?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xs?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    sm?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    md?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    lg?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xl?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                gap?: {
                    [key: string]: string | object;
                } | {
                    "2xs"?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xs?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    sm?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    md?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    lg?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xl?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                padding?: {
                    [key: string]: string | object;
                } | {
                    "2xs"?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xs?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    sm?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    md?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    lg?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    xl?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                square?: {
                    [key: string]: string | object;
                } | {
                    padding?: {
                        [key: string]: string | object;
                    } | {
                        "2xs"?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xs?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        sm?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        md?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        lg?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xl?: string | {
                            [key: string]: string | object;
                        } | undefined;
                    } | undefined;
                    rounded?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                color?: {
                    [key: string]: string | object;
                } | {
                    light?: {
                        [key: string]: string | object;
                    } | {
                        solid?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        outline?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        soft?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        ghost?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        link?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                    } | undefined;
                    dark?: {
                        [key: string]: string | object;
                    } | {
                        solid?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        outline?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        soft?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        ghost?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        link?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                    } | undefined;
                    fluo?: {
                        [key: string]: string | object;
                    } | {
                        solid?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        outline?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        soft?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        ghost?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                        link?: {
                            [key: string]: string | object;
                        } | Partial<string | undefined>;
                    } | undefined;
                } | undefined;
                variant?: {
                    [key: string]: string | object;
                } | {
                    solid?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    outline?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    soft?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    ghost?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    link?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
                icon?: {
                    [key: string]: string | object;
                } | {
                    base?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    size?: {
                        [key: string]: string | object;
                    } | {
                        "2xs"?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xs?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        sm?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        md?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        lg?: string | {
                            [key: string]: string | object;
                        } | undefined;
                        xl?: string | {
                            [key: string]: string | object;
                        } | undefined;
                    } | undefined;
                } | undefined;
                default?: {
                    [key: string]: string | object;
                } | {
                    size?: {
                        [key: string]: string | object;
                    } | Partial<import("..").Size> | undefined;
                    variant?: {
                        [key: string]: string | object;
                    } | Partial<import("../components/button").ButtonVariant> | undefined;
                    color?: {
                        [key: string]: string | object;
                    } | Partial<"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" | "lightblue" | "lightBlue" | "warmgray" | "warmGray" | "truegray" | "trueGray" | "coolgray" | "coolGray" | "bluegray" | "blueGray" | "pilot" | "primary" | "bronze" | "silver" | "gold" | "mauve" | "kaki" | "success" | "danger" | import("../components/button").ButtonColor> | undefined;
                    loadingIcon?: string | {
                        [key: string]: string | object;
                    } | undefined;
                } | undefined;
            } | undefined;
        }[] | undefined;
        click?: ((notification: Notification) => void) | undefined;
        callback?: (() => void) | undefined;
        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" | undefined;
        ui?: {
            wrapper?: string | {
                [key: string]: string | object;
            } | undefined;
            container?: string | {
                [key: string]: string | object;
            } | undefined;
            title?: string | {
                [key: string]: string | object;
            } | undefined;
            description?: string | {
                [key: string]: string | object;
            } | undefined;
            background?: string | {
                [key: string]: string | object;
            } | undefined;
            shadow?: string | {
                [key: string]: string | object;
            } | undefined;
            rounded?: string | {
                [key: string]: string | object;
            } | undefined;
            padding?: string | {
                [key: string]: string | object;
            } | undefined;
            ring?: string | {
                [key: string]: string | object;
            } | undefined;
            icon?: {
                [key: string]: string | object;
            } | {
                base?: string | {
                    [key: string]: string | object;
                } | undefined;
                color?: string | {
                    [key: string]: string | object;
                } | undefined;
            } | undefined;
            avatar?: {
                [key: string]: string | object;
            } | {
                base?: string | {
                    [key: string]: string | object;
                } | undefined;
                size?: {
                    [key: string]: string | object;
                } | Partial<import("..").Size> | undefined;
            } | undefined;
            progress?: {
                [key: string]: string | object;
            } | {
                base?: string | {
                    [key: string]: string | object;
                } | undefined;
                background?: string | {
                    [key: string]: string | object;
                } | undefined;
            } | undefined;
            transition?: {
                [key: string]: string | object;
            } | {
                enterActiveClass?: string | {
                    [key: string]: string | object;
                } | undefined;
                enterFromClass?: string | {
                    [key: string]: string | object;
                } | undefined;
                enterToClass?: string | {
                    [key: string]: string | object;
                } | undefined;
                leaveActiveClass?: string | {
                    [key: string]: string | object;
                } | undefined;
                leaveFromClass?: string | {
                    [key: string]: string | object;
                } | undefined;
                leaveToClass?: string | {
                    [key: string]: string | object;
                } | undefined;
            } | undefined;
            default?: {
                [key: string]: string | object;
            } | {
                color?: {
                    [key: string]: string | object;
                } | Partial<"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"> | undefined;
                icon?: string | {
                    [key: string]: string | object;
                } | undefined;
                closeButton?: {
                    [key: string]: string | object;
                } | {
                    icon?: string | {
                        [key: string]: string | object;
                    } | undefined;
                    color?: {
                        [key: string]: string | object;
                    } | Partial<import("../components/button").ButtonColor> | undefined;
                    variant?: {
                        [key: string]: string | object;
                    } | Partial<import("../components/button").ButtonVariant> | undefined;
                    padded?: {
                        [key: string]: string | object;
                    } | Partial<boolean> | undefined;
                } | undefined;
                actionButton?: {
                    [key: string]: string | object;
                } | {
                    size?: {
                        [key: string]: string | object;
                    } | Partial<import("..").Size> | undefined;
                    color?: {
                        [key: string]: string | object;
                    } | Partial<"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"> | undefined;
                } | undefined;
            } | undefined;
        } | undefined;
    }[]>;
    remove: (id: string) => void;
};