import { BaseColors } from './basecolors';
import { Colors } from './colors';
/**
 * **Support variables**
 *
 * border radius, outline, shadow, divider
 */
export declare const supportMapping: (baseColors: BaseColors, colors: Colors) => {
    BORDER_RADIUS: string;
    OUTLINE_COLOR: string;
    OUTLINE_WIDTH: string;
    SCROLLBAR_COLOR: string;
    SCROLLBAR_BACKGROUND_COLOR: string;
    SCROLLBAR_WIDTH: string;
    SHADOW: string;
    DIVIDER_COLOR: string;
    DIVIDER_STYLE: string;
    DIVIDER_WIDTH: string;
};
export declare type Support = ReturnType<typeof supportMapping>;
/**
 * Type used allowing user to create a typed override object for support variables in theme.
 *
 * Code sample:
 *
 * ```ts
 * const customSupport: CustomSupport = {
 *   BORDER_RADIUS = '8px'
 * }
 *
 * const theme = createTheme([Button, Card], {
 *   colors: { primary: 'blue', secondary: 'red', accent: 'green'},
 *   Button: { background: 'green' },
 *   Card: { color: 'red' },
 *   support: customSupport
 * })
 * ```
 */
export declare type CustomSupport = Partial<Support>;