import type { RecipeVariants } from "@vanilla-extract/recipes";
export declare const pressAnimation: string;
export declare const buttonStyle: import("@vanilla-extract/recipes").RuntimeFn<{
    color: {
        primary: (string | {
            ":hover": {
                background: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
            ":active": {
                background: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
        })[];
        secondary: (string | {
            ":hover": {
                background: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
            ":active": {
                background: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
        })[];
        disabled: (string | {
            transition: "none";
            transform: "none";
            ":active"?: undefined;
        } | {
            ":active": {
                transform: "none";
            };
            transition?: undefined;
            transform?: undefined;
        })[];
        smallButton: (string | {
            ":hover": {
                background: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
            ":active": {
                background: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
        })[];
        smallButtonLight: (string | {
            ":hover": {
                background: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
            ":active": {
                background: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
        })[];
    };
    animation: {
        none: {};
        press: string[];
    };
    height: {
        small: string;
    };
    border: {
        regular: string;
    };
    size: {
        regular: string;
        small: string[];
    };
}>;
export type ButtonVariants = RecipeVariants<typeof buttonStyle>;
