import { DefaultTheme } from 'styled-components';
type MainColor = {
    light: string;
    main: string;
    dark: string;
};
declare module 'styled-components' {
    interface DefaultTheme {
        w: {
            mode: 'dark' | 'light';
            uppercasePageTitles: boolean;
            spacing: (units: number) => number;
            fontFamily?: string;
            breakpoints: {
                mobile: number;
            };
            borderRadius: {
                xs: string;
                sm: string;
                md: string;
                lg: string;
            };
            fontSize: {
                sm: string;
                md: string;
                lg: string;
                xl: string;
            };
            colors: {
                notificationDot?: {
                    background?: string;
                    text?: string;
                };
                bg: {
                    main: string;
                };
                button: {
                    text: string;
                };
                primary: MainColor;
                secondary: MainColor;
                text: {
                    primary: string;
                    secondary: string;
                };
                border: {
                    main: string;
                };
                gray: {
                    50: string;
                    100: string;
                    200: string;
                    300: string;
                    400: string;
                    500: string;
                    600: string;
                };
                light: {
                    10: string;
                    30: string;
                    50: string;
                    70: string;
                    80: string;
                    100: string;
                };
                dark: {
                    10: string;
                    30: string;
                    50: string;
                    70: string;
                    80: string;
                    100: string;
                };
                bell: {
                    color: string;
                };
                error: {
                    main: string;
                };
                success: {
                    main: string;
                };
            };
        };
    }
}
export declare enum ThemeMode {
    Light = "light",
    Dark = "dark"
}
export type CustomTheme = {
    notificationDot?: {
        backgroundColor: string;
        textColor: string;
    };
    mode?: ThemeMode;
    primaryColor?: string;
    secondaryColor?: string;
    borderRadius?: 'none' | 'sm' | 'md' | 'lg';
    backgroundColor?: string;
    fontFamily?: string;
    bellColor?: string;
    textColor?: string;
    buttonTextColor?: string;
    mobileBreakpoint?: number;
    uppercasePageTitles?: boolean;
};
declare const defaultTheme: DefaultTheme['w'];
export declare const makeTheme: (customTheme?: CustomTheme) => DefaultTheme;
export declare const mode: (dark: any, light: any) => any;
export default defaultTheme;