/// <reference types="react" />
import { Theme } from 'styled-components';
type ThemeColors = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'background' | 'foreground' | 'grey' | 'lightgrey' | 'neutral' | 'visualization';
type ColorBoxProps = {
    color: ThemeColors;
    shade?: number;
    border?: string;
};
export interface ThemedProps extends ColorBoxProps {
    theme: Theme;
}
export declare const getThemeColor: ({ color, shade, theme }: ThemedProps) => string;
export declare const ColorBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorBoxProps>>;
export declare const BrandColorBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorBoxProps>>;
export {};