export declare const navBar: {
    container: {
        width: string;
        p: string;
        backgroundColor: string;
        boxShadow: string;
    };
    sectionButton: {
        '&.is-focused': {
            outline: string;
            outlineColor: string;
            outlineOffset: string;
        };
        '&.is-pressed': {
            backgroundColor: string;
            color: string;
            fontFamily: string;
            '> div > span': {
                color: string;
            };
            '> div > svg': {
                fill: string;
            };
        };
        '&.is-hovered': {
            '> div': {
                backgroundColor: string;
            };
        };
    };
    itemButton: {
        color: string;
        fontFamily: string;
        '&.is-selected': {
            backgroundColor: string;
            color: string;
            '> div > span': {
                color: string;
            };
            '> div > svg': {
                fill: string;
            };
        };
        '&.is-focused': {
            outline: string;
            outlineColor: string;
            outlineOffset: string;
        };
        '&.is-hovered': {
            backgroundColor: string;
        };
        '&.is-pressed': {
            backgroundColor: string;
            color: string;
        };
    };
    subtitle: {
        fontFamily: string;
        color: string;
    };
    headerText: {
        color: string;
        fontFamily: string;
        '.is-selected &': {
            color: string;
        };
    };
    headerNav: {
        color: string;
        fontFamily: string;
        '&.is-hovered': {
            backgroundColor: string;
        };
        '&.is-focused': {
            boxShadow: string;
            WebkitBoxShadow: string;
            MozBoxShadow: string;
        };
    };
    item: {
        px: string;
        py: string;
        color: string;
        fontFamily: string;
        '&.is-hovered': {
            backgroundColor: string;
        };
        '> div > svg': {
            fill: string;
        };
        '&.is-selected': {
            '> div > svg': {
                fill: string;
            };
            backgroundColor: string;
        };
        '&.is-focused': {
            outline: string;
            outlineColor: string;
            outlineOffset: string;
            boxShadow: string;
            WebkitBoxShadow: string;
            MozBoxShadow: string;
        };
        '&.is-pressed': {
            backgroundColor: string;
            '> div > span': {
                color: string;
            };
            '> div > svg': {
                fill: string;
            };
        };
    };
    itemHeaderContainer: {
        px: string;
        py: string;
        backgroundColor: string;
        '> svg': {
            fill: string;
        };
        '> div > svg': {
            fill: string;
        };
        '&.is-selected': {
            '> svg': {
                fill: string;
            };
            backgroundColor: string;
        };
    };
};