export declare const navBarSelected: {
    backgroundColor: any;
    boxShadow: string;
};
export declare const navBarFocus: {
    outline: string;
    outlineColor: string;
    outlineOffset: string;
};
export declare const navBar: {
    itemIcon: {
        color: string;
        fill: string;
    };
    itemIconSelected: {
        color: string;
        fill: string;
    };
    container: {
        fontFamily: string;
        width: string;
        p: string;
        backgroundColor: string;
        boxShadow: string;
    };
    sectionContainer: {
        pt: string;
    };
    sectionButton: {
        borderRadius: string;
        '&.is-hovered': {
            backgroundColor: string;
        };
        '&.is-pressed': {
            backgroundColor: any;
        };
        '&.is-focused': {
            outline: string;
            outlineColor: string;
            outlineOffset: string;
        };
    };
    itemButton: {
        py: string;
        paddingLeft: string;
        color: any;
        borderRadius: string;
        fontWeight: number;
        fontSize: any;
        lineHeight: string;
        '&.is-focused': {
            outline: string;
            outlineColor: string;
            outlineOffset: string;
        };
        '&.is-hovered': {
            backgroundColor: string;
        };
        '&.is-pressed': {
            backgroundColor: any;
            color: any;
        };
        '&.is-selected': {
            bg: any;
            boxShadow: string;
            color: string;
        };
    };
    subtitle: {
        color: any;
    };
    headerText: {
        color: any;
        fontWeight: number;
        fontSize: any;
        lineHeight: string;
        ml: string;
        '.is-selected &': {
            color: string;
        };
    };
    headerNav: {
        borderRadius: string;
        color: string;
        '&.is-hovered': {
            backgroundColor: string;
        };
        '&.is-focused': {
            boxShadow: string;
            WebkitBoxShadow: string;
            MozBoxShadow: string;
        };
    };
    item: {
        px: string;
        py: string;
        color: any;
        borderRadius: string;
        '&.is-hovered': {
            backgroundColor: any;
        };
        '> div > svg': {
            fill: any;
        };
        '> div > span': {
            color: string;
        };
        '&.is-pressed': {
            backgroundColor: any;
        };
        '&.is-selected': {
            '> div > svg': {
                fill: string;
            };
            '> div > span': {
                color: string;
            };
            '&.is-hovered': {
                backgroundColor: string;
            };
            backgroundColor: any;
            boxShadow: string;
        };
        '&.is-focused': {
            outline: string;
            outlineColor: string;
            outlineOffset: string;
            boxShadow: string;
            WebkitBoxShadow: string;
            MozBoxShadow: string;
        };
    };
    itemHeaderContainer: {
        boxShadow: string;
        maxWidth: string;
        px: string;
        py: string;
        '&.is-selected': {
            '> svg': {
                fill: string;
            };
            '> div > svg': {
                fill: string;
            };
            '> div > span': {
                color: string;
            };
            backgroundColor: any;
            boxShadow: string;
        };
        '&.is-hovered': {
            backgroundColor: string;
        };
        backgroundColor: string;
        '> svg': {
            fill: any;
        };
        '> div > svg': {
            fill: any;
        };
    };
    navBarItemBody: {
        mb: string;
    };
};