import { MessageResource } from '../../types';
import { ReactionCountResource } from '../../types/resources/reaction';
export declare function MessageReaction({ reaction, onLongPress, message, conversationId, disabled, }: {
    reaction: ReactionCountResource;
    onLongPress: (_reaction: ReactionCountResource) => void;
    message: MessageResource;
    conversationId: number;
    disabled?: boolean;
}): import("react/jsx-runtime").JSX.Element | null;
export declare const useReactionStyles: ({ mine }: {
    mine: number;
}) => {
    reaction: {
        borderWidth: number;
        borderColor: string;
        backgroundColor: string;
        borderRadius: number;
        overflow: "hidden";
        paddingVertical: number;
        paddingHorizontal: number;
        flexDirection: "row";
        alignItems: "center";
        gap: number;
    };
    reactionEmoji: {
        fontSize: number;
        paddingTop: number;
    };
    reactionText: {
        fontSize: number;
        color: string;
    };
};
//# sourceMappingURL=message_reaction.d.ts.map