import { ComponentInterface } from '../../stencil-public-runtime';
/**
 * Adds visual impact to the top of a page using headlines, images and CTAs.
 *
 * @version 1.0.0
 * @status deprecated
 *
 * @slot primary-content - title, leading paragraph and CTA
 * @slot breadcrumb - each individual bread crumb should be assigned seperately
 * @slot secondary-content - free form secondary content.
 * @slot icon-box - free form icon box container
 * @slot icon-box-item - seperate icon box items. Designed to contain 1 icon and 1 text element.
 * @slot secondary-ctas - CTAs. each individual button should be assigned seperately
 * @slot quote - quote content
 * @slot quote-author - quote author
 * @slot scrim - optional background overlay (e.g. faded colour or gradient)
 * @slot background - custom background. Only active when img-src is empty
 * @slot back-btn - a back button.
 */
export declare class Hero implements ComponentInterface {
    private mo?;
    host: HTMLNanoHeroElement;
    hasIconBox: boolean;
    hasScrim: boolean;
    hasSecondaryContent: boolean;
    hasQuote: boolean;
    hasBg: boolean;
    hasBackBtn: boolean;
    hasCtas: boolean;
    breadCrumbs: Element[];
    breadCrumbChange(): void;
    iconBoxItems: Element[];
    iconBoxItemChange(): void;
    /** src for background image. For more control use the `background` slot instead. */
    imgSrc?: string;
    /** Optional list string providing media sizes with corresponding image srcs.
     * i.e. show img-x at 300px wide. Format `srcSet="200w src/imgSmall.jpg, 500h src/imgMed.png"` */
    imgSrcSet?: string;
    /** The Break Point width that the hero component will change to the large view. Defaults to the XL grid size (900px) */
    largeScreenBP: number;
    /** Base style for the hero. Either 'light' (white bg / dark text), or 'dark' (dark bg / white text) */
    theme: 'dark' | 'light';
    /** Set the content structure level of the hero. Defaults to 'top'  */
    level: 'top' | 'sub';
    private slotChangeObserver;
    private processSlottedContent;
    disconnectedCallback(): void;
    componentDidLoad(): void;
    componentWillLoad(): void;
    private HeroContent;
    render(): any;
}
