import React, { HTMLProps } from 'react';
import { DefaultTheme } from 'styled-components';
import { Colors } from './styled';
export declare type ThemeColorsType = NestedObjectDotNotation<Colors>;
export declare const MEDIA_WIDTHS: {
    upToExtraSmall: number;
    upToSmall: number;
    upToMedium: number;
    upToLarge: number;
};
export declare const defaultColors: Colors;
export declare const defaultTheme: DefaultTheme;
declare type ThemeProviderProps = {
    children: React.ReactNode;
    theme: Partial<DefaultTheme>;
};
export default function ThemeProvider({ children, theme }: ThemeProviderProps): JSX.Element;
export declare const useTheme: () => DefaultTheme;
export declare const StyledLink: import("styled-components").StyledComponent<"a", DefaultTheme, {}, never>;
/**
 * Outbound link that handles firing google analytics events
 */
export declare function ExternalLink({ target, href, rel, ...rest }: Omit<HTMLProps<HTMLAnchorElement>, 'as' | 'ref' | 'onClick'> & {
    href: string;
}): JSX.Element;
export {};
