import { LitElement, PropertyValues } from "lit";
import "../icon/icon.js";
declare const WarpModalHeader_base: import("../modal/util.js").Constructor<{
    close: () => void;
}> & typeof LitElement;
/**
 * The header section of a modal, typically where you place the title and a close button.
 *
 * [Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)
 *
 * @parent w-modal
 *
 * @slot top - Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.
 *
 * @csspart header - the root element inside the component.
 * @csspart top - the container for the image (`top` slot).
 * @csspart back - the back button, if visible.
 * @csspart title - the title element.
 * @csspart close - the close button, if visible.
 *
 * @cssprop --w-c-modal-header-font-size
 * @cssprop --w-c-modal-header-line-height
 * @cssprop --w-c-modal-header-margin-bottom
 */
export declare class WarpModalHeader extends WarpModalHeader_base {
    static styles: import("lit").CSSResult[];
    /**
     * A short but descriptive title for the modal
     */
    title: string;
    /**
     * Whether the modal header should have a back button
     */
    back: boolean;
    /**
     * Lets you hide the close button in the header
     */
    noClose: boolean;
    private _hasTopContent;
    private titleEl;
    constructor();
    willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
    private emitBack;
    private handleTopSlotChange;
    render(): import("lit").TemplateResult<1>;
}
/** @deprecated Exported for backwards compatibility. Use WarpModalHeader. */
export declare const ModalHeader: typeof WarpModalHeader;
declare global {
    interface HTMLElementTagNameMap {
        "w-modal-header": WarpModalHeader;
    }
}
export {};