export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
    variant: {
        solid: {
            bg: "blue.600";
            color: "white";
            _hover: {
                bg: "link.primary.hover";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "gray.200";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
            _expanded: {
                bg: "link.primary.hover";
            };
        };
        outline: {
            borderWidth: "2px";
            borderStyle: "solid";
            bg: "transparent";
            color: "button.outline.fg";
            borderColor: "button.outline.fg";
            _hover: {
                bg: "transparent";
                color: "link.primary.hover";
                borderColor: "link.primary.hover";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "button.outline.fg";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
        };
        dropdown: {
            borderWidth: "2px";
            borderStyle: "solid";
            bg: "transparent";
            color: "button.dropdown.fg";
            borderColor: "button.dropdown.border";
            _hover: {
                bg: "transparent";
                color: "link.primary.hover";
                borderColor: "link.primary.hover";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "blue.500";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
            _expanded: {
                bg: "transparent";
                color: "link.primary.hover";
                borderColor: "link.primary.hover";
            };
            _selected: {
                bg: "button.dropdown.bg.selected";
                color: "button.dropdown.fg.selected";
                borderColor: "transparent";
                _hover: {
                    bg: "button.dropdown.bg.selected";
                    color: "link.primary.hover";
                    borderColor: "transparent";
                };
                _expanded: {
                    color: "link.primary.hover";
                };
            };
        };
        header: {
            bg: "transparent";
            color: "button.header.fg";
            borderColor: "button.header.border";
            borderWidth: "2px";
            borderStyle: "solid";
            _hover: {
                bg: "transparent";
                color: "link.primary.hover";
                borderColor: "link.primary.hover";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "blue.500";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
            _selected: {
                bg: "button.header.bg.selected";
                color: "button.header.fg.selected";
                borderColor: "transparent";
                borderWidth: "0px";
                _hover: {
                    bg: "button.header.bg.selected";
                    color: "link.primary.hover";
                };
                _expanded: {
                    color: "link.primary.hover";
                };
                _highlighted: {
                    bg: "button.header.bg.highlighted";
                    color: "button.header.fg.highlighted";
                    borderColor: "transparent";
                    borderWidth: "0px";
                    _expanded: {
                        color: "link.primary.hover";
                    };
                    _hover: {
                        bg: "button.header.bg.highlighted";
                        color: "link.primary.hover";
                    };
                };
            };
        };
        hero: {
            bg: "button.hero.bg";
            color: "button.hero.fg";
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "button.hero.fg";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
            _hover: {
                bg: "button.hero.bg.hover";
                color: "button.hero.fg.hover";
            };
            _selected: {
                bg: "button.hero.bg.selected";
                color: "button.hero.fg.selected";
                _hover: {
                    bg: "button.hero.bg.selected";
                    color: "link.primary.hover";
                };
                _expanded: {
                    color: "link.primary.hover";
                };
            };
        };
        segmented: {
            bg: "transparent";
            color: "button.segmented.fg";
            borderColor: "button.segmented.border";
            borderWidth: "2px";
            borderStyle: "solid";
            borderRadius: "none";
            _hover: {
                color: "link.primary.hover";
            };
            _selected: {
                bg: "button.segmented.border";
                color: "button.segmented.fg.selected";
                _hover: {
                    bg: "button.segmented.border";
                    color: "button.segmented.fg.selected";
                };
            };
            _notFirst: {
                borderLeftWidth: "0";
            };
            _first: {
                borderTopLeftRadius: "base";
                borderBottomLeftRadius: "base";
            };
            _last: {
                borderTopRightRadius: "base";
                borderBottomRightRadius: "base";
            };
        };
        plain: {
            bg: "transparent";
            color: "inherit";
            border: "none";
            _hover: {
                bg: "transparent";
            };
        };
        subtle: {
            bg: "button.subtle.bg";
            color: "button.subtle.fg";
            _hover: {
                bg: "button.subtle.bg";
                color: "link.primary.hover";
            };
            _disabled: {
                bg: "button.subtle.bg";
                color: "button.subtle.fg";
            };
        };
        link: {
            bg: "transparent";
            color: "link.primary";
            border: "none";
            fontWeight: "400";
            px: number;
            h: "auto";
            _hover: {
                bg: "transparent";
                color: "link.primary.hover";
            };
            _disabled: {
                color: "text.secondary";
            };
        };
        icon_secondary: {
            bg: "transparent";
            color: "button.icon_secondary.fg";
            border: "none";
            _hover: {
                color: "link.primary.hover";
            };
            _selected: {
                bg: "button.icon_secondary.bg.selected";
                color: "button.icon_secondary.fg.selected";
                _hover: {
                    bg: "button.icon_secondary.bg.selected";
                    color: "link.primary.hover";
                };
                _expanded: {
                    color: "link.primary.hover";
                };
            };
            _expanded: {
                color: "link.primary.hover";
            };
        };
    };
    size: {
        '2xs': {
            px: number;
            h: number;
            minW: number;
            textStyle: "xs";
            borderRadius: "sm";
            gap: number;
            _icon: {
                boxSize: "auto";
            };
        };
        xs: {
            px: number;
            h: number;
            minW: number;
            textStyle: "sm";
            borderRadius: "sm";
            gap: number;
            _icon: {
                boxSize: "auto";
            };
        };
        sm: {
            px: number;
            h: number;
            minW: number;
            textStyle: "sm";
            borderRadius: "base";
            gap: number;
            _icon: {
                boxSize: "auto";
            };
        };
        md: {
            px: number;
            h: number;
            minW: number;
            textStyle: "md";
            borderRadius: "base";
            gap: number;
            _icon: {
                boxSize: "auto";
            };
            '& .chakra-spinner': {
                '--spinner-size': "20px";
            };
        };
    };
}>;