import { SprinklesFn } from '../../../node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.js';
import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';

declare const toast: {
    classnames: {
        toast: RuntimeFn<{
            appearance: {
                info: {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    color: `var(--${string})` | `var(--${string}, ${string})`;
                };
                success: {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    color: `var(--${string})` | `var(--${string}, ${string})`;
                };
                warning: {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    color: `var(--${string})` | `var(--${string}, ${string})`;
                };
                error: {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    color: `var(--${string})` | `var(--${string}, ${string})`;
                };
                neutral: {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    color: `var(--${string})` | `var(--${string}, ${string})`;
                };
                invert: {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    color: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
            size: {
                small: {
                    padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
                    gap: `var(--${string})` | `var(--${string}, ${string})`;
                };
                medium: {
                    padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
                };
                large: {
                    padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
                    gap: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
            variant: {
                solid: {};
                tonal: {
                    color: `var(--${string})` | `var(--${string}, ${string})`;
                };
                ghost: {
                    borderLeft: "solid";
                    borderWidth: "4px";
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    color: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
        }>;
        container: RuntimeFn<{
            placement: {
                bottomCenter: {
                    left: "50%";
                    transform: "translate(-50%)";
                    bottom: "2rem";
                };
                bottomLeft: {
                    left: number;
                    bottom: "2rem";
                };
                bottomRight: {
                    right: number;
                    bottom: "2rem";
                };
                topCenter: {
                    left: "50%";
                    transform: "translate(-50%)";
                    top: "2rem";
                };
                topLeft: {
                    left: number;
                    top: "2rem";
                };
                topRight: {
                    right: number;
                    top: "2rem";
                };
            };
        }>;
        content: string;
        toastContainer: RuntimeFn<{
            position: {
                bottomRight: {
                    right: number;
                    bottom: number;
                };
                topRight: {
                    top: number;
                    right: number;
                };
                bottomLeft: {
                    bottom: number;
                    left: number;
                };
                topLeft: {
                    top: number;
                    left: number;
                };
            };
        }>;
        wrapper: RuntimeFn<{
            placement: {
                bottomCenter: {
                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
                };
                bottomLeft: {
                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
                };
                bottomRight: {
                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
                };
                topCenter: {
                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
                };
                topLeft: {
                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
                };
                topRight: {
                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
                };
            };
        }>;
    };
    sprinkle: SprinklesFn<[{
        config: {
            width: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                };
                dynamicScale: true;
                name: "width";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                };
            };
        };
    }]>;
};

export { toast };