import { EventEmitter, OnInit } from '@angular/core';
import { ReactionBarMetadata, ReactionBarEvent, EnrichedReaction } from './types';
import { ReactionSet } from '../../../services/reactions/types';
import * as i0 from "@angular/core";
/**
 * Barra de reacciones emoji configurables por contexto.
 *
 * Muestra un set de emojis y permite al usuario reaccionar a una entidad.
 * Soporta conteos, multiples reacciones y modo picker (popup).
 *
 * @example
 * html
 * <val-reaction-bar
 *   [props]="{
 *     entityRef: { entityType: 'post', entityId: 'p1' },
 *     reactionSet: mySet,
 *     showCounts: true
 *   }"
 *   (reactionChange)="onReaction($event)"
 * />
 */
export declare class ReactionBarComponent implements OnInit {
    props: ReactionBarMetadata;
    reactionChange: EventEmitter<ReactionBarEvent>;
    private reactionsService;
    private i18n;
    protected reactionSet: import("@angular/core").WritableSignal<ReactionSet>;
    protected myReactions: import("@angular/core").WritableSignal<string[]>;
    protected counts: import("@angular/core").WritableSignal<Record<string, number>>;
    protected isLoading: import("@angular/core").WritableSignal<boolean>;
    protected pickerOpen: import("@angular/core").WritableSignal<boolean>;
    protected enrichedReactions: import("@angular/core").Signal<EnrichedReaction[]>;
    constructor();
    ngOnInit(): void;
    private loadSetAndCounts;
    private loadCounts;
    protected onReact(token: string): void;
    protected onReactAndClosePicker(token: string): void;
    protected togglePicker(): void;
    private handleReact;
    protected t(key: string): string;
    static ɵfac: i0.ɵɵFactoryDeclaration<ReactionBarComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ReactionBarComponent, "val-reaction-bar", never, { "props": { "alias": "props"; "required": false; }; }, { "reactionChange": "reactionChange"; }, never, never, true, never>;
}