/// <reference path="../../index.d.ts" />
import { PropertyValues } from 'lit';
import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';

/** @slot [actions-end] - Used to slot an action at the end of the header i.e. `calcite-action`, `instant-apps-social-share` */
export declare class InstantAppsHeader extends LitElement {
    /**
     * Main text to display in header.
     *
     * @default ""
     */
    titleText: string;
    /** Url to link out to from title text */
    titleTextLink?: string;
    /** Background color to display in header - accepts a hexadecimal value i.e. `#000000`. */
    backgroundColor?: string;
    /** Text color to display in header - accepts a hexadecimal value i.e. `#FFFFFF`. */
    textColor?: string;
    /** Image URL for logo. Displays at the start of the header. */
    logoImage?: string;
    /**
     * Adjusts scale of logo image.
     *
     * @default "m"
     */
    logoScale: "l" | "m" | "s";
    /** Alternate text for header logo. */
    logoImageAltText?: string;
    /** Logo URL to link out to another page. */
    logoLink?: string;
    /**
     * Display info button at the end of the title.
     *
     * @default false
     */
    infoButton: boolean;
    /**
     * Keeps track of the info 'open' state
     *
     * @default false
     */
    infoIsOpen: boolean;
    /** Hover text for info button tooltip */
    infoTitleText?: string;
    /** HTML code for custom headers. */
    customHeaderHtml?: string;
    /**
     * Change alignment of header.
     *
     * @default "left"
     */
    headerAlignment: "center" | "left" | "right";
    /** CSS styles to be used in conjunction with `custom-header-html`. */
    customHeaderCss?: string;
    /**
     * Font family to use for text
     *
     * @default "var(--calcite-sans-family);"
     */
    fontFamily: string;
    /** Mobile breakpoint value in pixels(px). */
    mobileWidthBreakpoint: number;
    toggleInfo(): Promise<void>;
    /** Fires when the info button is clicked. */
    readonly infoIsOpenChanged: TargetedEvent<this, boolean>;
}