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