import { FC, ReactNode, ElementType } from 'react'; import { AppBarProps, BoxProps, DrawerProps, ToolbarProps } from '@mui/material'; import { HeaderButtonProps } from './HeaderButton'; export interface HeaderProps extends Omit { /** * Logo component */ logo?: ReactNode; /** * Wrap the navigation into container * @default false */ inContainer?: boolean; /** * ActionButtons on the right side */ buttons?: ReactNode; /** * ActionButtons on the right side that stays visible even on mobile */ visibleButtons?: ReactNode | true; /** * Controls if mobile version of Header should be shown, this collapses children into mobile menu * * @default undefined, leads to usage useMediaQuery(theme.breakpoints.down('lg')) */ mobile?: boolean; /** * Controls open/close state of mobile menu */ open?: boolean; /** * Function to toggle open state of menu */ setOpen?: (open: boolean) => void; /** * Properties applied to toolbar container */ toolbarProps?: ToolbarProps; /** * Properties applied to logo wrapper */ logoProps?: BoxProps; /** * Properties applied to content wrapper */ contentProps?: BoxProps; /** * Properties applied to content wrapper in drawer */ mobileContentProps?: BoxProps; /** * Properties applied to button wrapper */ buttonsProps?: BoxProps; /** * Properties applied to hamburger menu */ menuButtonProps?: HeaderButtonProps; /** * Icon of the hamburger menu */ menuIcon?: ReactNode; /** * Icon of the close hamburger menu */ closeMenuIcon?: ReactNode; /** * Props applied to mobile drawer */ drawerProps?: DrawerProps; } /** * Component to render Header with navigation and action buttons at the top of the page */ export declare const Header: FC;