import * as React from 'react';
import { IconId } from '../icon';
export type HeaderProps = React.PropsWithChildren<{
    /**
     * Text to be shown as title
     */
    title: string;
    /**
     * Text to be shown as subtitle
     */
    subtitle?: React.ReactNode;
    /**
     *  The iconId to be shown as icon before title
     */
    iconId?: IconId;
    /**
     * If isElevated is true, header will have a box-shadow at the bottom, so it will
     * looks like if header is elevated over the rest of the page.
     */
    isElevated?: boolean;
    /**
     * Actions to show along with the header text.
     */
    actions?: React.ReactNode;
}>;
/**
 * A Header to be used within PageWithHeader component.
 * If PageWithHeader component (parent) is scrolled on its body, this header will
 * automatically looks like elevated (the same than `isElevated={true}`).
 * If title gets truncated (with ellipsis), a Tooltip will be shown (using TextEllipsisTooltip component)
 */
declare const Header: ({ title, subtitle, iconId, isElevated, actions, children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
export default Header;
