export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
    variant: {
        solid: {
            bg: "button.solid.bg";
            color: "button.solid.text";
            _hover: {
                bg: "hover";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "button.solid.text";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
            _expanded: {
                bg: "hover";
            };
        };
        solid_danger: {
            bg: "red.600";
            color: "white";
            _hover: {
                bg: "red.500";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "white";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
            _expanded: {
                bg: "red.500";
            };
        };
        outline: {
            borderWidth: "2px";
            borderStyle: "solid";
            bg: "transparent";
            color: "button.outline.fg";
            borderColor: "button.outline.fg";
            _hover: {
                bg: "transparent";
                color: "hover";
                borderColor: "hover";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "button.outline.fg";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
        };
        outline_danger: {
            borderWidth: "2px";
            borderStyle: "solid";
            bg: "transparent";
            color: "red.600";
            borderColor: "red.600";
            _hover: {
                bg: "transparent";
                color: "red.500";
                borderColor: "red.500";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "red.600";
                    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: "hover";
                borderColor: "hover";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "selected.option.bg";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
            _expanded: {
                bg: "transparent";
                color: "hover";
                borderColor: "hover";
            };
            _selected: {
                bg: "selected.control.bg";
                color: "selected.control.text";
                borderColor: "transparent";
                _hover: {
                    bg: "selected.control.bg";
                    color: "hover";
                    borderColor: "transparent";
                };
                _expanded: {
                    color: "hover";
                };
            };
        };
        header: {
            bg: "transparent";
            color: "button.header.fg";
            borderColor: "button.header.border";
            borderWidth: "2px";
            borderStyle: "solid";
            _hover: {
                bg: "transparent";
                color: "hover";
                borderColor: "hover";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "selected.option.bg";
                    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: "hover";
                };
                _expanded: {
                    color: "hover";
                };
                _highlighted: {
                    bg: "button.header.bg.highlighted";
                    color: "button.header.fg.highlighted";
                    borderColor: "transparent";
                    borderWidth: "0px";
                    _expanded: {
                        color: "hover";
                    };
                    _hover: {
                        bg: "button.header.bg.highlighted";
                        color: "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: "hover";
                };
                _expanded: {
                    color: "hover";
                };
            };
        };
        segmented: {
            bg: "transparent";
            color: "button.segmented.fg";
            borderColor: "selected.control.bg";
            borderWidth: "2px";
            borderStyle: "solid";
            borderRadius: "none";
            _hover: {
                color: "hover";
            };
            _selected: {
                bg: "selected.control.bg";
                color: "selected.control.text";
                _hover: {
                    bg: "selected.control.bg";
                    color: "selected.control.text";
                };
                '& + *': {
                    borderLeftWidth: "0";
                };
            };
            _notLast: {
                borderRightWidth: "0";
                _selected: {
                    borderRightWidth: "2px";
                };
            };
            _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: "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: "icon.secondary";
            border: "none";
            _hover: {
                color: "hover";
            };
            _selected: {
                bg: "selected.control.bg";
                color: "selected.control.text";
                _hover: {
                    bg: "selected.control.bg";
                    color: "hover";
                };
                _expanded: {
                    color: "hover";
                };
            };
            _expanded: {
                color: "hover";
            };
        };
        icon_background: {
            bg: "button.icon_background.bg";
            color: "icon.secondary";
            border: "none";
            _hover: {
                color: "hover";
            };
            _selected: {
                bg: "selected.control.bg";
                color: "selected.control.text";
                _hover: {
                    bg: "selected.control.bg";
                    color: "hover";
                };
                _expanded: {
                    color: "hover";
                };
            };
            _expanded: {
                color: "hover";
            };
            _loading: {
                opacity: number;
                '& .chakra-spinner': {
                    borderColor: "selected.option.bg";
                    borderBottomColor: "spinner.track";
                    borderInlineStartColor: "spinner.track";
                };
            };
        };
        pagination: {
            borderWidth: "2px";
            borderStyle: "solid";
            bg: "transparent";
            color: "button.pagination.fg";
            borderColor: "button.pagination.border";
            _hover: {
                bg: "transparent";
                color: "hover";
                borderColor: "hover";
            };
            _selected: {
                bg: "selected.control.bg";
                color: "selected.control.text";
                borderColor: "transparent";
                _hover: {
                    bg: "selected.control.bg";
                    color: "selected.control.text";
                    borderColor: "transparent";
                };
            };
        };
    };
    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";
            };
        };
    };
}>;