import type { mapTypes } from '@opengeoweb/store';
import type { DimensionTooltipGenerator, SingleValueComponentProps } from './LayerContainerRow/LayerRow/DimensionSelect/DimensionSelect';
import type { Size, ToolbarButtonSettings } from './LayerManagerHeaderOptions';
export declare const columnClasses: {
    column1: string;
    columnService: string;
    column2: string;
    column3: string;
    column4: string;
    column5: string;
    column6: string;
    column7: string;
    acceptanceTime: string;
    loadDuration: string;
    columnHeader: string;
    baseLayer: string;
    columnTarget: string;
};
export declare const leftButtonsStyle: {
    width: number;
    display: string;
    background: string;
};
export declare const layerManagerStyle: {
    '.column-hover-icon': {
        display: string;
    };
    '.columnHeader:hover': {
        backgroundColor: string;
        cursor: string;
        '.column-hover-icon': {
            display: string;
        };
    };
    '.layerManagerContainer': {
        containerType: string;
    };
    '.descriptionRow': {
        height: string;
        marginTop: string;
        marginBottom: string;
    };
    '.is-dragging header+.MuiBox-root': {
        overflow: string;
    };
    '.baseLayer': {
        width: string;
    };
    '.column-service': {
        height: string;
        alignContent: string;
        alignItems: string;
        display: string;
        justifyContent: string;
        whiteSpace: string;
        overflow: string;
        color: string;
        flexGrow: number;
        width: string;
    };
    '.column-2': {
        height: string;
        alignContent: string;
        alignItems: string;
        display: string;
        justifyContent: string;
        whiteSpace: string;
        overflow: string;
        color: string;
        flexGrow: number;
        width: string;
    };
    '.column-3': {
        height: string;
        alignContent: string;
        alignItems: string;
        display: string;
        justifyContent: string;
        whiteSpace: string;
        overflow: string;
        color: string;
        flexGrow: number;
        width: string;
    };
    '.column-4': {
        flexGrow: number;
        height: string;
        alignContent: string;
        alignItems: string;
        display: string;
        justifyContent: string;
        whiteSpace: string;
        overflow: string;
        color: string;
        width: number;
    };
    '.column-5': {
        height: string;
        alignContent: string;
        alignItems: string;
        display: string;
        justifyContent: string;
        whiteSpace: string;
        overflow: string;
        color: string;
        flexGrow: number;
        width: string;
    };
    '.column-acceptanceTime': {
        flexGrow: number;
        height: string;
        alignContent: string;
        alignItems: string;
        display: string;
        justifyContent: string;
        whiteSpace: string;
        overflow: string;
        color: string;
        width: number;
    };
    '.column-loadDuration': {
        width: number;
        paddingLeft: number;
        paddingRight: number;
    };
    '.column-6': {
        width: number;
        display: string;
        marginLeft: string;
    };
    '.column-7': {
        width: string;
    };
    '.enable-btn-mini': {
        display: string;
    };
    '.header-layermanager': {
        containerType: string;
    };
    '.medium-layermanager': {
        display: string;
    };
    '.collapseLarge-btn': {
        display: string;
    };
    '@container (max-width: 320px)': {
        '.layermanager': {
            '.column-1': {
                width: string;
            };
            '.enable-btn-mini': {
                display: string;
            };
            '.activateLayer-btn, .enable-btn, .column-service, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
                display: string;
            };
            '.addLayer-column, .setProjection-column, .overlayers-column': {
                display: string;
            };
            '.descriptionRow': {
                height: number;
                '.MuiButtonBase-root': {
                    display: string;
                };
            };
        };
        '.header-layermanager': {
            '.header-left': {
                display: string;
            };
            '&>div': {
                justifyContent: string;
                padding: number;
                height: number;
            };
            '.header-right': {
                maxWidth: string;
                flexBasis: string;
            };
            '.collapseSmall-btn': {
                display: string;
            };
        };
    };
    '@container (max-width: 600px)': {
        '.layermanager': {
            '.column-service, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
                display: string;
            };
            '.columnLayerName, .baseLayer': {
                width: string;
            };
        };
        '.header-layermanager': {
            '.collapseLarge-btn': {
                display: string;
            };
        };
    };
    '@container (max-width: 600px) and (min-width: 321px)': {
        '.layermanager': {
            '.medium-layermanager': {
                display: string;
            };
        };
        '.deleteBtnMedium': {
            display: string;
            '&+button': {
                display: string;
            };
        };
        '.layerRow': {
            '.column-1': {
                display: string;
            };
            '.column-2': {
                display: string;
            };
        };
        '.header-layermanager': {
            '.collapseMedium-btn': {
                display: string;
            };
        };
    };
};
export declare const returnCorrectSize: (sizeResult: mapTypes.DockedLayerManagerSize | undefined) => Size;
export type DimensionNameMappings = Record<string, string>;
export type DimensionValueMappings = Record<string, (value: string, latest?: string) => string>;
export interface LayerManagerCustomSettings {
    toolbar?: {
        dragHandle?: {
            icon?: React.ReactNode;
        };
        controlButtonSettings?: ToolbarButtonSettings;
        closeButton?: {
            icon?: React.ReactNode;
        };
    };
    header?: {
        addLayer?: {
            tooltipTitle?: string;
            icon?: React.ReactNode;
        };
        layerService?: {
            title: string;
        };
        layerName?: {
            title: string;
        };
        layerStyle?: {
            title: string;
        };
        opacity?: {
            title: string;
        };
        dimensions?: {
            title: string;
        };
        acceptanceTime?: {
            title: string;
        };
    };
    content?: {
        dragHandle?: {
            tooltipTitle?: string;
            icon?: React.ReactNode;
        };
        activateLayer?: {
            isDisabled?: boolean;
        };
        enableLayer?: {
            enabledIcon?: React.ReactNode;
            disabledIcon?: React.ReactNode;
            enabledTooltipTitle?: string;
            disabledTooltipTitle?: string;
        };
        renderLayer?: {
            Element?: React.FC<{
                layerId: string;
                mapId: string;
            }>;
            tooltipPrefix?: string;
        };
        layerStyle?: {
            tooltipPrefix?: string;
            icon?: React.ElementType;
        };
        opacity?: {
            tooltipPrefix?: string;
        };
        acceptanceTime?: {
            tooltipTitle?: string;
            icon?: React.ElementType;
        };
        dimensions?: {
            dimensionsToShow?: string[];
            SingleValueComponent?: React.FC<SingleValueComponentProps>;
            icon?: React.ElementType;
            tooltipGenerator?: DimensionTooltipGenerator;
            nameMappings?: DimensionNameMappings;
            valueMappings?: DimensionValueMappings;
            hideLatestDuplicate?: boolean;
        };
        deleteLayer?: {
            tooltipTitle?: string;
            icon?: React.ReactNode;
        };
        menu?: {
            tooltipTitle?: string;
            icon?: React.ReactNode;
        };
    };
    footer?: {
        baseLayerRow?: {
            title?: string;
            addLayersButton?: {
                isDisabled?: boolean;
            };
        };
        baseLayerDropdown?: {
            tooltipPrefix?: string;
            icon?: React.ElementType;
        };
        projection?: {
            shouldHide?: boolean;
        };
    };
}