import BaseElement from './BaseElement';
import Image from './Image';
import PopoverSlideVideo from './PopoverSlideVideo';
import PopoverSlideAlbum from './PopoverSlideAlbum';
import type { PropChangeEvent, Post, FeedMetadata } from '../types';
/**
 * @description
 * Required props: 'post', 'feedMetadata'
 */
export default class PopoverGallerySlide extends BaseElement {
    label: string;
    _innerEl?: HTMLElement;
    _avatarImageEl?: HTMLImageElement;
    _headerText: string;
    _avatarEl?: HTMLElement;
    _headerEl?: HTMLElement;
    _captionEl?: HTMLElement;
    _footerLinkEl?: HTMLElement | string;
    _footerEl?: HTMLElement | string;
    _textEl?: HTMLElement;
    _mediaEl?: Image | PopoverSlideVideo | PopoverSlideAlbum;
    _moreEl?: HTMLButtonElement;
    post?: Post;
    feedMetadata?: FeedMetadata;
    constructor();
    /**
     * Render contents
     */
    render(): void;
    _handlePropChange({ changedProp, newValue, }: PropChangeEvent<PopoverGallerySlide>): void;
    /**
     * Activate
     */
    activate(): void;
    /**
     * Deactivate
     */
    deactivate(): void;
    /**
     * Preload media
     */
    preload(): void;
    /**
     * Get background color
     */
    getBackgroundColor(): number[];
    /**
     * Expand post caption
     */
    expandCaption(): void;
    /**
     * Collapse post caption
     */
    collapseCaption(): void;
    static register(name?: string): string;
}
declare global {
    interface HTMLElementTagNameMap {
        'behold-popover-gallery-slide': PopoverGallerySlide;
    }
}
//# sourceMappingURL=PopoverGallerySlide.d.ts.map