import BaseElement from './BaseElement';
import type { PropChangeEvent, Post, WidgetSettings, FeedMetadata } from '../types';
/**
 * @description
 * Required props: 'post', 'widgetSettings', 'feedMetadata', 'medianPaletteHSL', 'index', 'totalPosts'
 */
export default class BasePost extends BaseElement {
    label: string;
    post?: Post;
    widgetSettings?: WidgetSettings;
    feedMetadata?: FeedMetadata;
    medianPaletteHSL: Array<string>;
    hasRowGap: boolean;
    isLastRow: boolean;
    onClick: Function;
    previewLoadingColors?: string;
    backgroundIsHidden: boolean;
    backgroundColor: string;
    aspectRatio: [number, number];
    index: number;
    totalPosts?: number;
    _innerEl?: HTMLElement;
    _captionEl?: HTMLElement;
    constructor();
    _baseHandlePropChange({ changedProp, oldValue, newValue, }: PropChangeEvent<BasePost>): void;
    _setOverlayColor(): void;
    _setContainerStyles(): void;
    renderPost(contentEl?: HTMLElement | DocumentFragment): void;
    hideBackground(): void;
    _setBackgroundColor(): void;
    _handleResize(entry: ResizeObserverEntry): void;
    /**
     * Handle button click
     */
    _handleButtonClick(): void;
    focus(): void;
}
//# sourceMappingURL=BasePost.d.ts.map