import { PopoverStyle } from '@cometchat/uikit-elements';
import { ReactionInfoStyle } from '../ReactionInfo/ReactionInfoStyle';
import { ReactionListConfiguration } from "../../Configuration/ReactionListConfiguration";
import { ReactionsStyle } from './ReactionsStyle';
export declare const containerStyle: (reactionStyle: ReactionsStyle) => {
    height: string | undefined;
    width: string | undefined;
    borderRadius: string | undefined;
    background: string | undefined;
    padding: string | undefined;
    display: string;
    alignItems: string;
    gap: string;
};
export declare const getReactionStyle: (reactionStyle: ReactionsStyle, active?: boolean, addPadding?: boolean, useBaseBackground?: boolean) => any;
export declare const getPopoverStyle: (reactionListConfiguration?: ReactionListConfiguration) => PopoverStyle;
export declare const getEmojiStyle: (reactionStyle: ReactionsStyle, active?: boolean) => {
    font: string | undefined;
    color: string | undefined;
};
export declare const getReactionCountStyle: (reactionStyle: ReactionsStyle, active?: boolean) => {
    font: string | undefined;
    color: string | undefined;
};
export declare const getReactionPopupStyle: (reactionDetailsStyle: ReactionInfoStyle) => ReactionInfoStyle;
export declare const getPopoverDynamicStyle: (count: number) => {
    width: string;
    height: string;
};
export declare const getDynamicPopoverStyle: (ratio: Record<string, string>, style: ReactionsStyle) => PopoverStyle;
//# sourceMappingURL=style.d.ts.map