import React from "react";
import { SocialStyleCallbacks, PartialSocialStyleConfig } from "@replyke/comments-social-core";
import { Entity } from "@replyke/core";
type ButtonStyleContainer = {
    backgroundColor?: string;
    paddingVertical?: number;
    paddingHorizontal?: number;
    borderRadius?: number;
};
type ButtonStyleText = {
    color?: string;
    fontSize?: number;
};
type ButtonStyles = {
    active?: ButtonStyleContainer;
    inactive?: ButtonStyleContainer;
    textActive?: ButtonStyleText;
    textInactive?: ButtonStyleText;
};
declare function SocialCommentSection({ entity, entityId, foreignId, shortId, callbacks, styleConfig: styleConfigProp, isVisible, sortOptions, header, withEmojis, highlightedCommentId, children, }: {
    entity?: Entity;
    entityId?: string | undefined | null;
    foreignId?: string | undefined | null;
    shortId?: string | undefined | null;
    callbacks?: SocialStyleCallbacks;
    styleConfig?: Partial<PartialSocialStyleConfig & {
        sortByStyleConfig: ButtonStyles;
    }>;
    isVisible?: boolean;
    sortOptions?: Array<"top" | "new" | "old"> | null;
    header?: React.ReactNode;
    withEmojis?: boolean;
    highlightedCommentId?: string | undefined | null;
    children?: React.ReactNode;
}): import("react/jsx-runtime").JSX.Element;
export default SocialCommentSection;