import 'assets/fonts/fonts.scss';
import { ReactNode } from 'react';
import styled from './styled';
import { Colors, Theme } from './theme';
export default styled;
export * from './dynamic';
export * from './layer';
export * from './styled';
export * from './theme';
export * as ThemedText from './type';
export declare const brydge = "hsl(43, 63%, 43%)";
export declare const brand = "hsl(331.3, 100%, 50%)";
export declare const lightTheme: Colors;
export declare const darkTheme: Colors;
export declare const defaultTheme: {
    borderRadius: string;
    accent: string;
    container: string;
    module: string;
    interactive: string;
    outline: string;
    dialog: string;
    primary: string;
    onAccent: string;
    secondary: string;
    hint: string;
    onInteractive: string;
    active: string;
    success: string;
    warning: string;
    error: string;
    currentColor: "currentColor";
    borderColor: string;
    bgBoardColor: string;
    bgBoardColor2: string;
    blurSize: string;
    gradientBG: string;
    cardTransparency1: string;
    cardTransparency2: string;
    networkSelector: string;
    fontFamily: {
        font: string;
        variable: string;
    };
    fontFamilyCode: string;
    tokenColorExtraction: boolean;
};
export declare function useSystemTheme(): Colors;
interface ThemeProviderProps {
    theme?: Theme;
    children: ReactNode;
}
export declare function ThemeProvider({ theme, children }: ThemeProviderProps): JSX.Element;
