import { types } from "typestyle";
import { BlockLayoutSettings, DisplayBreakPoint, BackgroundSettings, LayoutSettings, ThemeStyling, SpacingSettings, SectionSettings, ColumnedSectionItemSettings, TabbedSectionSettings, AccordionedSectionSettings, LayoutItem } from "../../../../models";
import { NestedCSSProperties } from "typestyle/lib/types";
export declare const SharedRendererStyles: {
    stepWrapper: string;
    common: {
        chrome_boxed: string;
        getElevationClass: (settings: BackgroundSettings, theme: ThemeStyling) => string;
        setPageBackground: (settings: LayoutSettings, backgroundUrl: string, elementId: string, themeStyling?: ThemeStyling) => void;
        getBackgroundClasses: (settings: BackgroundSettings, backgroundUrl: string, themeStyling?: ThemeStyling) => string;
        useThemeStyling(settings: BackgroundSettings, themeStyling?: ThemeStyling): boolean;
        getBackgroundStyle: (settings: BackgroundSettings, backgroundUrl: string, themeStyling?: ThemeStyling) => types.NestedCSSProperties;
        hasNoImageOrBackgroundColor(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): boolean;
        hasNoImageAndNoOverflow(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): boolean;
        getBackgroundBeforeStyling(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): types.NestedCSSSelectors;
    };
    block: {
        createMediaBreakPointForDevice(blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
        container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
        clickProtectionOverlay: string;
        createMediaBreakPointBlockForDevice(blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
    };
    column: {
        getStylesFromSettings(columnSettings: ColumnedSectionItemSettings, backgroundUrl: string, sectionSettings: SectionSettings): string;
        getStylesForMarginCollaps(sectionSettings: SectionSettings): string;
        container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
        hideContainer: (items: Array<LayoutItem>, isEditMode: boolean) => string;
        triggerHideContainer: (isEditMode: boolean, isHidden: boolean) => string;
    };
    section: {
        sectionAlignmentContainer: (sectionSettings: SectionSettings) => string;
        columnWrapper: string;
        backgroundWrapperImage: string;
        getStyleStringForTitle: (settings: SectionSettings) => string;
        adjustScrollCompensation: (extra: number) => void;
        getStylesFromSettings: (settings: SectionSettings, useScrollMargingFix: boolean) => string;
        getStylesForSpacingInContainer(sectionSettings: SectionSettings, fullHeight: boolean): string;
        createMediaBreakPointForDevice(sectionSettings: SectionSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
        getStylesForMarginCollapsAndSpacing(sectionSettings: SectionSettings): string;
        sectionDisplayFlexDesignMode: string;
        sectionDisplayBlockDesignMode: string;
    };
    tabs: {
        tabWrapper: string;
        verticalSliderStyle: (sliderColor: string) => string;
        createTabItemStyling: (settings: TabbedSectionSettings, index: number, items: number, hasIcon: boolean) => string;
        accordionWrapper: (settings: AccordionedSectionSettings, spacing: SpacingSettings) => string;
        createColorSchemaForTabs: (settings: TabbedSectionSettings) => string;
        stepper: {
            wrapper: string;
            header: string;
            inEditor: {
                expandedContent: string;
                verticalMode: {
                    addStepButtonContainer: string;
                    addStepButtonDivider: string;
                };
                horizontalMode: {
                    labelBelowStep: {
                        addStepButtonWrapper: string;
                    };
                };
                stepTitleEditPanel: {
                    header: string;
                };
            };
            horizontalContentItems: (inEditor: boolean) => string;
        };
        tabContentWrapper: (iconAndText: boolean) => string;
        alignTextAndIcon: (settings: TabbedSectionSettings, iconAndText: boolean) => string;
    };
};