import * as styledComponents from 'styled-components';
export declare const breakPoints: {
    sm: number;
    md: number;
    lg: number;
    xl: number;
};
export declare const mq: {
    sm: string;
    md: string;
    lg: string;
    xl: string;
};
export declare const styled: styledComponents.ThemedStyledInterface<{
    colors: {
        black: string;
        blue: string;
        danger: string;
        globisBlue: string;
        matBlack: string;
        mediumGray: string;
        white: string;
    };
    colorPallets: {
        primary: {
            normal: string;
            hover: string;
            disable: string;
        };
        cta: {
            normal: string;
            hover: string;
            disable: string;
        };
        success: {
            normal: string;
            background: string;
        };
        error: {
            normal: string;
            background: string;
        };
        caution: {
            normal: string;
            background: string;
        };
        mono: {
            black: string;
            textGray: string;
            line: string;
            hover: string;
            background: string;
        };
    };
    sizes: {
        borderRadius: string;
        font: {
            s12: string;
            s14: string;
            s16: string;
            s24: string;
            s32: string;
        };
    };
    zIndexes: {
        video: {
            overlay: number;
            ctrl: number;
            progress: number;
            progressThumb: number;
        };
    };
}>, css: styledComponents.ThemedCssFunction<{
    colors: {
        black: string;
        blue: string;
        danger: string;
        globisBlue: string;
        matBlack: string;
        mediumGray: string;
        white: string;
    };
    colorPallets: {
        primary: {
            normal: string;
            hover: string;
            disable: string;
        };
        cta: {
            normal: string;
            hover: string;
            disable: string;
        };
        success: {
            normal: string;
            background: string;
        };
        error: {
            normal: string;
            background: string;
        };
        caution: {
            normal: string;
            background: string;
        };
        mono: {
            black: string;
            textGray: string;
            line: string;
            hover: string;
            background: string;
        };
    };
    sizes: {
        borderRadius: string;
        font: {
            s12: string;
            s14: string;
            s16: string;
            s24: string;
            s32: string;
        };
    };
    zIndexes: {
        video: {
            overlay: number;
            ctrl: number;
            progress: number;
            progressThumb: number;
        };
    };
}>, createGlobalStyle: <P extends object = {}>(first: TemplateStringsArray | styledComponents.CSSObject | styledComponents.InterpolationFunction<styledComponents.ThemedStyledProps<P, {
    colors: {
        black: string;
        blue: string;
        danger: string;
        globisBlue: string;
        matBlack: string;
        mediumGray: string;
        white: string;
    };
    colorPallets: {
        primary: {
            normal: string;
            hover: string;
            disable: string;
        };
        cta: {
            normal: string;
            hover: string;
            disable: string;
        };
        success: {
            normal: string;
            background: string;
        };
        error: {
            normal: string;
            background: string;
        };
        caution: {
            normal: string;
            background: string;
        };
        mono: {
            black: string;
            textGray: string;
            line: string;
            hover: string;
            background: string;
        };
    };
    sizes: {
        borderRadius: string;
        font: {
            s12: string;
            s14: string;
            s16: string;
            s24: string;
            s32: string;
        };
    };
    zIndexes: {
        video: {
            overlay: number;
            ctrl: number;
            progress: number;
            progressThumb: number;
        };
    };
}>>, ...interpolations: styledComponents.Interpolation<styledComponents.ThemedStyledProps<P, {
    colors: {
        black: string;
        blue: string;
        danger: string;
        globisBlue: string;
        matBlack: string;
        mediumGray: string;
        white: string;
    };
    colorPallets: {
        primary: {
            normal: string;
            hover: string;
            disable: string;
        };
        cta: {
            normal: string;
            hover: string;
            disable: string;
        };
        success: {
            normal: string;
            background: string;
        };
        error: {
            normal: string;
            background: string;
        };
        caution: {
            normal: string;
            background: string;
        };
        mono: {
            black: string;
            textGray: string;
            line: string;
            hover: string;
            background: string;
        };
    };
    sizes: {
        borderRadius: string;
        font: {
            s12: string;
            s14: string;
            s16: string;
            s24: string;
            s32: string;
        };
    };
    zIndexes: {
        video: {
            overlay: number;
            ctrl: number;
            progress: number;
            progressThumb: number;
        };
    };
}>>[]) => styledComponents.GlobalStyleComponent<P, {
    colors: {
        black: string;
        blue: string;
        danger: string;
        globisBlue: string;
        matBlack: string;
        mediumGray: string;
        white: string;
    };
    colorPallets: {
        primary: {
            normal: string;
            hover: string;
            disable: string;
        };
        cta: {
            normal: string;
            hover: string;
            disable: string;
        };
        success: {
            normal: string;
            background: string;
        };
        error: {
            normal: string;
            background: string;
        };
        caution: {
            normal: string;
            background: string;
        };
        mono: {
            black: string;
            textGray: string;
            line: string;
            hover: string;
            background: string;
        };
    };
    sizes: {
        borderRadius: string;
        font: {
            s12: string;
            s14: string;
            s16: string;
            s24: string;
            s32: string;
        };
    };
    zIndexes: {
        video: {
            overlay: number;
            ctrl: number;
            progress: number;
            progressThumb: number;
        };
    };
}>, keyframes: (strings: TemplateStringsArray | styledComponents.CSSKeyframes, ...interpolations: styledComponents.SimpleInterpolation[]) => styledComponents.Keyframes, ThemeProvider: styledComponents.BaseThemeProviderComponent<{
    colors: {
        black: string;
        blue: string;
        danger: string;
        globisBlue: string;
        matBlack: string;
        mediumGray: string;
        white: string;
    };
    colorPallets: {
        primary: {
            normal: string;
            hover: string;
            disable: string;
        };
        cta: {
            normal: string;
            hover: string;
            disable: string;
        };
        success: {
            normal: string;
            background: string;
        };
        error: {
            normal: string;
            background: string;
        };
        caution: {
            normal: string;
            background: string;
        };
        mono: {
            black: string;
            textGray: string;
            line: string;
            hover: string;
            background: string;
        };
    };
    sizes: {
        borderRadius: string;
        font: {
            s12: string;
            s14: string;
            s16: string;
            s24: string;
            s32: string;
        };
    };
    zIndexes: {
        video: {
            overlay: number;
            ctrl: number;
            progress: number;
            progressThumb: number;
        };
    };
}, {
    colors: {
        black: string;
        blue: string;
        danger: string;
        globisBlue: string;
        matBlack: string;
        mediumGray: string;
        white: string;
    };
    colorPallets: {
        primary: {
            normal: string;
            hover: string;
            disable: string;
        };
        cta: {
            normal: string;
            hover: string;
            disable: string;
        };
        success: {
            normal: string;
            background: string;
        };
        error: {
            normal: string;
            background: string;
        };
        caution: {
            normal: string;
            background: string;
        };
        mono: {
            black: string;
            textGray: string;
            line: string;
            hover: string;
            background: string;
        };
    };
    sizes: {
        borderRadius: string;
        font: {
            s12: string;
            s14: string;
            s16: string;
            s24: string;
            s32: string;
        };
    };
    zIndexes: {
        video: {
            overlay: number;
            ctrl: number;
            progress: number;
            progressThumb: number;
        };
    };
}>, withTheme: styledComponents.BaseWithThemeFnInterface<{
    colors: {
        black: string;
        blue: string;
        danger: string;
        globisBlue: string;
        matBlack: string;
        mediumGray: string;
        white: string;
    };
    colorPallets: {
        primary: {
            normal: string;
            hover: string;
            disable: string;
        };
        cta: {
            normal: string;
            hover: string;
            disable: string;
        };
        success: {
            normal: string;
            background: string;
        };
        error: {
            normal: string;
            background: string;
        };
        caution: {
            normal: string;
            background: string;
        };
        mono: {
            black: string;
            textGray: string;
            line: string;
            hover: string;
            background: string;
        };
    };
    sizes: {
        borderRadius: string;
        font: {
            s12: string;
            s14: string;
            s16: string;
            s24: string;
            s32: string;
        };
    };
    zIndexes: {
        video: {
            overlay: number;
            ctrl: number;
            progress: number;
            progressThumb: number;
        };
    };
}>;