export declare const spinner: string;
export declare const icon: string;
export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
    iconOnly: {
        true: {};
        false: {};
    };
    size: {
        medium: string[];
        small: string[];
    };
    variant: {
        primary: (string | {
            ':hover': {
                background: string;
                color: string;
            };
            ':active': {
                background: string;
            };
            ':disabled': {
                background: string;
                color: string;
            };
        })[];
        secondary: (string | {
            background: "transparent";
            color: string;
            padding: `calc(${string} - ${string}) calc(${string} - ${string})`;
            ':hover': {
                background: string;
                color: string;
            };
            ':active': {
                background: string;
                color: string;
            };
            ':disabled': {
                borderColor: string;
                background: "transparent";
                color: string;
            };
        })[];
        tertiary: {
            background: "none";
            color: string;
            ':hover': {
                background: string;
                color: string;
            };
            ':active': {
                background: string;
                color: string;
            };
            ':disabled': {
                color: string;
                background: "none";
            };
        }[];
        primaryNegative: {
            background: string;
            color: string;
            border: "none";
            ':hover': {
                background: string;
                color: string;
            };
            ':active': {
                background: string;
            };
            ':disabled': {
                background: string;
                color: string;
            };
        }[];
        secondaryNegative: (string | {
            background: "transparent";
            color: string;
            padding: `calc(${string} - ${string}) calc(${string} - ${string})`;
            ':hover': {
                background: string;
                color: string;
            };
            ':active': {
                background: string;
                color: string;
            };
            ':disabled': {
                borderColor: string;
                background: string;
                color: string;
            };
        })[];
        tertiaryNegative: {
            background: "none";
            color: string;
            ':hover': {
                background: string;
                color: string;
            };
            ':active': {
                background: string;
                color: string;
            };
            ':disabled': {
                color: string;
                background: "none";
            };
        };
    };
}>;