export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
    variant: {
        "display-primary": {
            bg: "blacks.900";
            color: "fg.inverted";
            borderRadius: "xl";
            outline: "none";
            border: "none";
            _hover: {
                bg: "blacks.800";
            };
        };
        "display-outline": {
            bg: "transparent";
            color: "fg";
            borderRadius: "xl";
            border: "2px solid {fg}";
            _hover: {
                bg: "bg.muted";
            };
            _active: {
                bg: "bg.emphasized";
            };
        };
        "display-ghost": {
            bg: "transparent";
            color: "fg";
            borderRadius: "xl";
            _hover: {
                bg: "bg.muted";
            };
            _active: {
                bg: "bg.emphasized";
            };
        };
        "display-link": {
            bg: "transparent";
            color: "fg";
            border: "none";
            borderRadius: "xl";
            _hover: {
                textDecoration: "underline";
            };
            _active: {
                textDecoration: "underline";
            };
        };
        primary: {
            color: "blacks.1000";
            bg: "bg.accent-primary.medium";
            border: "none";
            _hover: {
                bg: "bg.accent-primary.light";
            };
            _active: {
                bg: "bg.accent-primary.medium";
            };
        };
        secondary: {
            color: "fg";
            bg: "bg";
            border: "2px solid border.muted";
            _hover: {
                bg: "bg.muted";
            };
            _active: {
                bg: "bg.emphasized";
            };
            _disabled: {
                opacity: number;
                color: "fg.subtle";
                borderColor: "border.muted";
            };
        };
        outline: {
            color: "fg";
            bg: "bg";
            border: "border.muted";
            _hover: {
                bg: "bg.muted";
            };
            _active: {
                bg: "bg.emphasized";
            };
            _disabled: {
                opacity: number;
                color: "fg.subtle";
                borderColor: "border.muted";
            };
        };
        ghost: {
            color: "fg";
            bg: "transparent";
            border: "none";
            _hover: {
                bg: "bg.muted";
            };
            _active: {
                bg: "bg.emphasized";
            };
            _disabled: {
                bg: "transparent";
                _hover: {
                    bg: "transparent";
                };
            };
        };
    };
    size: {
        "2xl": {
            px: "1.5rem";
            h: "3.5rem";
            textStyle: "label/L/medium";
        };
        lg: {
            px: "1rem";
            h: "3rem";
            textStyle: "label/M/medium";
        };
        md: {
            textStyle: "label/M/medium";
        };
        sm: {
            px: "0.5rem";
            h: "2rem";
            textStyle: "label/S/medium";
        };
    };
}>;
