import { Theme } from '@mui/material';
export declare const BASEMAPS_WIDTH = 288;
export declare const styles: {
    root: {
        width: number;
        overflow: "auto";
    };
    toggle: {
        padding: ({ spacing }: Theme) => string;
        img: {
            width: string;
            aspectRatio: "1 / 1";
            borderRadius: ({ spacing }: Theme) => string;
        };
    };
    header: {
        display: "flex";
        alignItems: "center";
        justifyContent: "space-between";
        padding: ({ spacing }: Theme) => string;
        paddingInlineStart: ({ spacing }: Theme) => string;
        position: "sticky";
        top: number;
        zIndex: number;
        background: ({ palette }: Theme) => string;
    };
    groupWrapper: {
        content: {
            paddingInline: ({ spacing }: Theme) => string;
            paddingBlock: ({ spacing }: Theme) => string;
        };
    };
    group: {
        display: "flex";
        flexDirection: "row";
        flexWrap: "wrap";
        alignItems: "center";
        gap: ({ spacing }: Theme) => string;
        paddingInline: ({ spacing }: Theme) => string;
        paddingBlock: ({ spacing }: Theme) => string;
    };
    item: {
        container: {
            display: "flex";
            alignItems: "center";
            flexDirection: "column";
            gap: ({ spacing }: Theme) => string;
            background: "transparent";
            border: "none";
            cursor: "pointer";
            padding: number;
            height: ({ spacing }: Theme) => string;
            img: {
                maxWidth: ({ spacing }: Theme) => string;
                aspectRatio: "1 / 1";
                borderRadius: ({ spacing }: Theme) => string;
                border: "2px solid transparent";
                '&:hover': {
                    borderColor: ({ palette }: Theme) => string;
                };
                '&[data-active="true"]': {
                    borderColor: ({ palette }: Theme) => string;
                };
            };
        };
        selected: {
            color: ({ palette }: Theme) => string;
        };
    };
};