import type { ReactNode } from "react"; type Behavior = "hide" | "wrap" | "normal"; type CustomItem = { item: NonNullable; behaviorOnSmallDevice?: Behavior; }; export type GlHeaderProps = { links: { label: ReactNode; href: string; onClick?: () => void; isActive?: boolean; }[]; title?: ReactNode; titleDark?: ReactNode; titleSmallScreen?: ReactNode; titleSmallScreenDark?: ReactNode; customBreakpoint?: number; className?: string; classes?: Partial["classes"]>; enableDarkModeSwitch?: boolean; githubRepoUrl?: string; githubButtonSize?: "normal" | "large"; showGithubStarCount?: boolean; customItemStart?: CustomItem; customItemEnd?: CustomItem; }; export declare const GlHeader: import("react").MemoExoticComponent>>; declare const useStyles: import("tss-react").Tss.UseStyles<{ theme: { paddingRightLeft: number; customShadow: string; borderRadius: number; isDarkModeEnabled: boolean; colors: { palette: { focus: { main: string; light: string; light2: string; }; dark: { main: string; light: string; greyVariant1: string; greyVariant2: string; greyVariant3: string; greyVariant4: string; }; light: { main: string; light: string; greyVariant1: string; greyVariant2: string; greyVariant3: string; greyVariant4: string; }; redError: { main: string; light: string; }; greenSuccess: { main: string; light: string; }; orangeWarning: { main: string; light: string; }; blueInfo: { main: string; light: string; }; }; useCases: { typography: { textPrimary: string; textSecondary: string; textTertiary: string; textDisabled: string; textFocus: string; }; buttons: { actionHoverPrimary: string; actionHoverSecondary: string; actionHoverTernary: string; actionSelected: string; actionActive: string; actionDisabled: string; actionDisabledBackground: string; }; surfaces: { background: string; surface1: string; surface2: string; }; alertSeverity: { error: { main: string; background: string; }; success: { main: string; background: string; }; warning: { main: string; background: string; }; info: { main: string; background: string; }; }; }; getUseCases: (params: { isDarkModeEnabled: boolean; }) => { typography: { textPrimary: string; textSecondary: string; textTertiary: string; textDisabled: string; textFocus: string; }; buttons: { actionHoverPrimary: string; actionHoverSecondary: string; actionHoverTernary: string; actionSelected: string; actionActive: string; actionDisabled: string; actionDisabledBackground: string; }; surfaces: { background: string; surface1: string; surface2: string; }; alertSeverity: { error: { main: string; background: string; }; success: { main: string; background: string; }; warning: { main: string; background: string; }; info: { main: string; background: string; }; }; }; }; typography: import("onyxia-ui").ComputedTypography; shadows: typeof import("onyxia-ui/lib/shadows").shadows; spacing: import("onyxia-ui").Spacing; muiTheme: import("@mui/material").Theme; iconSizesInPxByName: Record; windowInnerWidth: number; }; }, { isSmallDevice: boolean | undefined; customItemStartSmallBehavior: Behavior; customItemEndSmallBehavior: Behavior; }, "underline" | "link" | "root" | "titleWrapper" | "links" | "linkRoot" | "largeScreenContentWrapper" | "titleText" | "linkAndButtonWrapper" | "smallDeviceLinks" | "unfoldIconWrapper" | "linksWrapperLargeScreen" | "smallDeviceCustomItemsWrapper" | "commonSmallDeviceCustomItemWrapper" | "smallDeviceCustomItemStartWrapper" | "smallDeviceCustomItemEndWrapper" | "customItemStartWrapper" | "customItemEndWrapper" | "commonCustomItemWrapper" | "unfoldIcon" | "githubStar" | "darkModeSwitch" | "linkRootSmallScreen" | "underlineSmallScreen" | "linkSmallScreen" | "linksContentWrapper" | "linksContentWrapperSmallScreen" | "linksOverline", Record>; export {};