import { StyleFunctionProps } from '@chakra-ui/theme-tools';
export type ThemeButtonColorScheme = 'main' | 'success' | 'critical' | 'inverse' | 'sub';
export declare const Button: {
    baseStyle?: (({ theme }: StyleFunctionProps) => any) | undefined;
    sizes?: {
        xs: ({ theme }: StyleFunctionProps) => any;
        sm: ({ theme }: StyleFunctionProps) => any;
        md: ({ theme }: StyleFunctionProps) => any;
        lg: ({ theme }: StyleFunctionProps) => any;
    } | undefined;
    variants?: {
        solid: (props: StyleFunctionProps) => {
            bg: string;
            borderColor: string;
            color: string;
            px: string;
            _active: {
                bg: string;
                borderColor: string;
            };
            _hover: {
                bg: string;
                borderColor: string;
                _disabled: {
                    bg: string;
                    borderColor: string;
                };
            };
        };
        reverse: (props: StyleFunctionProps) => {
            bg: string;
            borderColor: string;
            color: string;
            px: string;
            _disabled: {
                bg: string;
                borderColor: string;
            };
            _active: {
                bg: string;
            };
            _hover: {
                bg: string;
                _disabled: {
                    bg: string;
                };
            };
        };
        outline: (props: StyleFunctionProps) => {
            bg: string;
            px: string;
            borderColor: string;
            color: string;
            _disabled: {
                borderColor: string;
                bg: string;
            };
            _active: {
                bg: string;
                borderColor: string;
            };
            _hover: {
                bg: string;
                borderColor: string;
                _disabled: {
                    borderColor: string;
                    bg: string;
                };
            };
        };
        clear: (props: StyleFunctionProps) => {
            bg: string;
            px: string;
            borderColor: string;
            color: string;
            _disabled: {
                borderColor: string;
                bg: string;
            };
            _active: {
                bg: string;
                borderColor: string;
            };
            _hover: {
                bg: string;
                borderColor: string;
                _disabled: {
                    borderColor: string;
                    bg: string;
                };
            };
        };
        link: (props: StyleFunctionProps) => {
            outlineOffset: number;
            height: string;
            width: string;
            position: string;
            textUnderlineOffset: string;
            color: string;
            _dark: {
                color: string;
                _hover: {
                    color: string;
                };
            };
            borderRadius: string;
            _hover: {
                color: string;
                _disabled: {
                    color: string;
                };
            };
            _disabled: {
                color: string;
                cursor: string;
            };
            _focusVisible: any;
        } & ((props: StyleFunctionProps) => {
            p: string;
            _hover: {
                textDecorationLine: string;
            };
            textStyle: string | undefined;
        }) & {
            border: string;
            minHeight: string;
            fontWeight: string;
            w: string;
            _disabled: {
                bg: string;
            };
        };
        inputAttached: (props: StyleFunctionProps) => {
            bg: string;
            color: string;
            borderColor: string;
            borderStartRadius: number;
            borderEndRadius: string;
            _hover: {
                bg: string;
                _disabled: {
                    bg: string;
                };
            };
            outlineOffset: number;
            _active: {
                color: string;
                _disabled: {
                    color: string;
                };
            };
            _invalid: {
                borderColor: any;
            };
            _focus: {
                zIndex: number;
                borderColor: any;
                boxShadow: string;
            };
            _focusVisible: {
                boxShadow: string;
                outline: string;
            };
            _disabled: {
                bg: string;
                borderColor: string;
                color: string;
            };
        };
    } | undefined;
    defaultProps?: {
        size?: "sm" | "md" | "lg" | "xs" | undefined;
        variant?: "link" | "clear" | "outline" | "solid" | "reverse" | "inputAttached" | undefined;
        colorScheme?: string | undefined;
    } | undefined;
};