import { ComponentProps, ReactNode } from 'react';
import { Menu } from '../../02-molecules';
import { AvatarProps } from '../../02-molecules/Avatar/Avatar';
import { BellNotificationProps } from '../../02-molecules/BellNotifications/BellNotification';
export type HeaderProps = {
    homeHref?: string;
    primaryMenu?: ComponentProps<typeof Menu>['menu'];
    secondMenu?: ComponentProps<typeof Menu>['menu'];
    avatar?: Omit<AvatarProps, 'className' | 'position'>;
    bellNotifications?: Omit<BellNotificationProps, 'className' | 'position'>;
};
/**
 * Header component for rendering the header section of the application.
 *
 * @component
 * @example
 * // Example usage of Header component
 * <Header
 *   homeHref="/"
 *   primaryMenu={{ primary menu props here }}
 *   secondMenu={{ second menu props here }}
 *   avatar={{ avatar props here }}
 * />
 *
 * @param {Object} props - The properties of the Header component.
 * @param {string} [props.homeHref='/'] - The URL for the home link.
 * @param {ComponentProps<typeof Menu>['menu']} [props.primaryMenu] - The primary menu configuration.
 * @param {ComponentProps<typeof Menu>['menu']} [props.secondMenu] - The secondary menu configuration.
 * @param {Omit<AvatarProps, 'className' | 'position'>} [props.avatar] - The avatar properties.
 * @param {}
 *
 * @returns {ReactNode} The rendered Header component.
 */
export declare function Header({ homeHref, primaryMenu, secondMenu, avatar, bellNotifications, }: HeaderProps): ReactNode;
//# sourceMappingURL=Header.d.ts.map