export declare const useNavbarStyles: () => {
    isDarkMode: boolean;
    getAgentBadgeStyles: () => {
        base: {
            display: string;
            alignItems: string;
            gap: string;
            padding: string;
            height: string;
            background: string;
            border: string;
            borderRadius: string;
            cursor: string;
        };
        hover: {
            background: string;
        };
        reset: {
            background: string;
        };
    };
    getModelSelectorStyles: (isDisabled?: boolean) => {
        base: {
            display: string;
            alignItems: string;
            gap: string;
            padding: string;
            height: string;
            background: string;
            border: string;
            borderRadius: string;
            opacity: number;
            cursor: string;
        };
        hover: {
            background?: undefined;
        } | {
            background: string;
        };
    };
    getTextStyles: () => {
        agentName: {
            fontWeight: number;
            fontSize: string;
            color: string;
            overflow: string;
            textOverflow: string;
            whiteSpace: string;
        };
        modelName: {
            fontWeight: number;
            fontSize: string;
            color: string;
            overflow: string;
            textOverflow: string;
            whiteSpace: string;
        };
        provider: {
            fontWeight: number;
            fontSize: string;
            color: string;
            overflow: string;
            textOverflow: string;
            whiteSpace: string;
        };
    };
};
export declare const useHoverHandlers: () => {
    applyHoverStyles: (element: HTMLElement, styles: Record<string, any>) => CSSStyleDeclaration & Record<string, any>;
    resetStyles: (element: HTMLElement, styles: Record<string, any>) => CSSStyleDeclaration & Record<string, any>;
};
//# sourceMappingURL=useNavbarStyles.d.ts.map