import { RecipeVariants } from '@vanilla-extract/recipes';
declare const buttonIconSize: `var(--${string})`;
declare const buttonHoverBg: `var(--${string})`;
declare const buttonActiveBg: `var(--${string})`;
export declare const buttonPadInline: `var(--${string})`;
export declare const buttonPadBlock: `var(--${string})`;
export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
    variant: {
        primary: {
            backgroundColor: `var(--${string})`;
            color: `var(--${string})`;
            vars: {
                [buttonHoverBg]: `var(--${string})`;
                [buttonActiveBg]: `var(--${string})`;
            };
        };
        secondary: {
            backgroundColor: `var(--${string})`;
            color: `var(--${string})`;
            vars: {
                [buttonHoverBg]: `var(--${string})`;
                [buttonActiveBg]: `var(--${string})`;
            };
        };
        ghost: {
            backgroundColor: `var(--${string})`;
            color: `var(--${string})`;
            vars: {
                [buttonHoverBg]: `var(--${string})`;
                [buttonActiveBg]: `var(--${string})`;
            };
        };
        danger: {
            backgroundColor: `var(--${string})`;
            color: `var(--${string})`;
            vars: {
                [buttonHoverBg]: `var(--${string})`;
                [buttonActiveBg]: `var(--${string})`;
            };
        };
    };
    size: {
        medium: {
            vars: {
                [buttonPadInline]: `var(--${string})`;
                [buttonPadBlock]: `var(--${string})`;
            };
            borderRadius: `var(--${string})`;
        };
        small: {
            fontSize: `var(--${string})`;
            vars: {
                [buttonPadInline]: `var(--${string})`;
                [buttonPadBlock]: `var(--${string})`;
                [buttonIconSize]: `var(--${string})`;
            };
            borderRadius: `var(--${string})`;
        };
        xsmall: {
            fontSize: `var(--${string})`;
            vars: {
                [buttonPadInline]: `var(--${string})`;
                [buttonPadBlock]: `var(--${string})`;
                [buttonIconSize]: `var(--${string})`;
            };
            borderRadius: `var(--${string})`;
            "@media": {
                "(pointer: coarse)": {
                    minHeight: `var(--${string})`;
                    minWidth: `var(--${string})`;
                    vars: {
                        [buttonPadInline]: `var(--${string})`;
                        [buttonPadBlock]: `var(--${string})`;
                    };
                    borderRadius: `var(--${string})`;
                };
            };
        };
    };
    iconOnly: {
        true: {
            aspectRatio: "1";
        };
    };
}>;
export declare const buttonIcon: string;
export type ButtonRecipeVariants = NonNullable<RecipeVariants<typeof button>>;
export {};