import { MantineNumberSize, MantineColor, MantineTheme, MantineGradient } from '@asuikit/styles';
export declare const BUTTON_VARIANTS: string[];
export interface ButtonStylesParams {
    color: MantineColor;
    radius: MantineNumberSize;
    fullWidth: boolean;
    compact: boolean;
    gradient: MantineGradient;
    withRightIcon: boolean;
    withLeftIcon: boolean;
}
export declare const sizes: {
    xs: {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
    sm: {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
    md: {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
    lg: {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
    xl: {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
    'compact-xs': {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
    'compact-sm': {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
    'compact-md': {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
    'compact-lg': {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
    'compact-xl': {
        height: string;
        paddingLeft: string;
        paddingRight: string;
    };
};
export declare const button_radius: {
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
};
declare const _default: (params: ButtonStylesParams, options?: import("@asuikit/styles").UseStylesOptions<string>) => {
    classes: {
        root: string;
        icon: string;
        leftIcon: string;
        rightIcon: string;
        centerLoader: string;
        inner: string;
        label: string;
    };
    cx: (...args: any) => string;
    theme: MantineTheme;
};
export default _default;
//# sourceMappingURL=Button.styles.d.ts.map