import { CapUIFontSize, CapUIFontWeight, CapUILineHeight } from '../../styles/theme/typography';
export declare const SIZE: {
    small: {
        px: string;
        py: string;
    };
    medium: {
        px: string;
        py: string;
    };
    big: {
        px: string;
        py: string;
    };
};
declare const styles: (alternative: boolean) => {
    common: {
        outline: string;
        '&:disabled': {
            cursor: string;
        };
        '&[data-loading="true"]': {
            cursor: string;
        };
    };
    primary: {
        primary: {
            bg: string;
            color: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            '&:hover': {
                bg: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                bg: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                bg: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
        secondary: {
            bg: string;
            color: string;
            border: string;
            borderColor: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            '&:hover': {
                bg: string;
                color: string;
                borderColor: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                bg: string;
                color: string;
                borderColor: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                bg: string;
                color: string;
                borderColor: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
        tertiary: {
            bg: string;
            color: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            textTransform: string;
            fontSize: CapUIFontSize;
            fontWeight: CapUIFontWeight;
            lineHeight: CapUILineHeight;
            '&:hover': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
        link: {
            textDecoration: string;
            color: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            '&:hover': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                textDecoration: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                textDecoration: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
    };
    danger: {
        primary: {
            bg: string;
            color: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            '&:hover': {
                bg: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                bg: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                bg: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
        secondary: {
            bg: string;
            color: string;
            border: string;
            borderColor: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            '&:hover': {
                bg: string;
                color: string;
                borderColor: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                bg: string;
                color: string;
                borderColor: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                bg: string;
                color: string;
                borderColor: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
        tertiary: {
            bg: string;
            color: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            textTransform: string;
            fontSize: CapUIFontSize;
            fontWeight: CapUIFontWeight;
            lineHeight: CapUILineHeight;
            '&:hover': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
        link: {
            textDecoration: string;
            color: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            '&:hover': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                textDecoration: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                textDecoration: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
    };
    hierarchy: {
        primary: {
            bg: string;
            color: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            '&:hover': {
                bg: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                bg: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                bg: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
        secondary: {
            bg: string;
            color: string;
            border: string;
            borderColor: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            '&:hover': {
                bg: string;
                color: string;
                borderColor: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                bg: string;
                color: string;
                borderColor: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                bg: string;
                color: string;
                borderColor: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
        tertiary: {
            bg: string;
            color: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            textTransform: string;
            fontSize: CapUIFontSize;
            fontWeight: CapUIFontWeight;
            lineHeight: CapUILineHeight;
            '&:hover': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
        link: {
            textDecoration: string;
            color: string;
            '.cap-icon.cap-button-icon': {
                color: string;
            };
            '&:hover': {
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&:disabled': {
                textDecoration: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
            '&[data-loading="true"]': {
                textDecoration: string;
                color: string;
                '.cap-icon.cap-button-icon': {
                    color: string;
                };
            };
        };
    };
};
export default styles;