import { ButtonColor } from './types';
import { DefaultTheme } from 'styled-components';
export declare const variantVariants: (theme: DefaultTheme, color?: ButtonColor) => {
    default: {
        background: string;
        outline: string;
        color: string;
        boxShadow: string;
        '&:hover:not(:disabled), &:focus': {
            background: string;
        };
        '& svg': {
            fill: string;
            stroke: string;
        };
        '&:disabled': {
            boxShadow: string;
        };
    };
    outlined: {
        background: string;
        outline: string;
        outlineOffset: string;
        color: string;
        '&:hover:not(:disabled), &:focus': {
            background: string;
            outlineColor: string;
        };
        '& svg': {
            fill: string;
            stroke: string;
        };
    };
    text: {
        background: string;
        outline: string;
        color: string;
        '&:hover:not(:disabled), &:focus': {
            background: string;
        };
        '& svg': {
            fill: string;
            stroke: string;
        };
        '&:not(:disabled) svg': {
            fill: string;
            stroke: string;
        };
        '&:disabled': {
            background: string;
            color: string;
        };
    };
};
export declare const scaleVariants: {
    default: {
        padding: string;
        fontSize: string;
        borderRadius: string;
    };
    small: {
        padding: string;
        fontSize: string;
        borderRadius: string;
    };
};