import { ThemedCssFunction, ThemedStyledFunction, ThemedStyledInterface } from 'styled-components';
export { withTheme } from 'styled-components';
declare const apollonTheme: {
    color: {
        primary: string;
        secondary: string;
        warningYellow: string;
        background: string;
        backgroundVariant: string;
        grid: string;
        primaryContrast: string;
        gray: string;
        grayAccent: string;
    };
    font: {
        color: string;
        family: string;
        size: number;
    };
    interactive: {
        normal: string;
        hovered: string;
    };
};
export type Styles = typeof apollonTheme;
declare module 'styled-components' {
    interface DefaultTheme extends Styles {
    }
}
type StyledSvgHelpers = {
    polyline: ThemedStyledFunction<'polyline', Styles>;
    path: ThemedStyledFunction<'path', Styles>;
    rect: ThemedStyledFunction<'rect', Styles>;
    circle: ThemedStyledFunction<'circle', Styles>;
    ellipse: ThemedStyledFunction<'ellipse', Styles>;
    line: ThemedStyledFunction<'line', Styles>;
};
export declare const styled: ThemedStyledInterface<Styles> & StyledSvgHelpers;
export declare const css: ThemedCssFunction<Styles>;
export type withThemeProps = {
    theme: Styles;
};
export type Color = 'primary' | 'secondary';
export type Size = 'sm' | 'md' | 'lg';
export declare const defaults: () => {
    color: {
        primary: string;
        secondary: string;
        warningYellow: string;
        background: string;
        backgroundVariant: string;
        grid: string;
        primaryContrast: string;
        gray: string;
        grayAccent: string;
    };
    font: {
        color: string;
        family: string;
        size: number;
    };
    interactive: {
        normal: string;
        hovered: string;
    };
};