import { Sort as SortPrimitive } from '@wix/headless-components/react';
import { AsChildChildren } from '@wix/headless-utils/react';
import React from 'react';
import { type CommentsServiceConfig, type QueryCommentsSort } from '../services/comments-service.js';
export interface CommentsRootProps {
    asChild?: boolean;
    className?: string;
    children: AsChildChildren<{
        hasComments: boolean;
    }> | React.ReactNode;
    currentMember?: unknown;
    commentsServiceConfig: CommentsServiceConfig;
}
/**
 * Root container for comments that provides comments context to all child components.
 * Uses IntersectionObserver for lazy loading - comments are loaded when the container becomes visible.
 *
 * @component
 * @example
 * ```tsx
 * import { Blog, Comment } from '@wix/blog/components';
 *
 * function CommentsSection() {
 *   return (
 *     <Comments.Root commentsServiceConfig={{ contextId, resourceId }}>
 *       <Comments.CommentItemRepeater>
 *         <Comment.Author />
 *         <Comment.Content />
 *       </Comments.CommentItemRepeater>
 *     </Comments.Root>
 *   );
 * }
 * ```
 */
export declare const Root: React.ForwardRefExoticComponent<CommentsRootProps & React.RefAttributes<HTMLElement>>;
export interface CommentItemsProps {
    children: React.ReactNode;
    className?: string;
    emptyState?: React.ReactNode;
    loadingState?: React.ReactNode;
}
/**
 * Container for the comments list with empty state support.
 * Follows List Container Level pattern from architecture rules.
 *
 * @component
 * @example
 * ```tsx
 * <Comments.CommentItems emptyState={<div>No comments yet</div>}>
 *   <Comments.CommentItemRepeater>
 *     <Comment.Author />
 *     <Comment.Content />
 *   </Comments.CommentItemRepeater>
 * </Comments.CommentItems>
 * ```
 */
export declare const CommentItems: React.ForwardRefExoticComponent<CommentItemsProps & React.RefAttributes<HTMLElement>>;
export interface SortProps {
    /**
     * Render function that provides sort state and controls when using asChild pattern.
     * Only called when asChild is true and children is provided.
     *
     * @param props.currentSort - Current sort configuration from Wix Comments API
     * @param props.sortOptions - Available sort options with field names and labels
     * @param props.setSort - Function to update the sort configuration
     *
     * @example
     * ```tsx
     * <Comments.Sort asChild>
     *   {({ currentSort, sortOptions, setSort }) => (
     *     <CustomSortSelect
     *       value={currentSort}
     *       options={sortOptions}
     *       onChange={setSort}
     *     />
     *   )}
     * </Comments.Sort>
     * ```
     */
    children?: (props: {
        currentSort: QueryCommentsSort[];
        sortOptions: SortPrimitive.SortOption[];
        setSort: (sort: QueryCommentsSort[]) => void;
    }) => React.ReactNode;
    /**
     * CSS classes to apply to the sort component.
     * Only used when asChild is false (default rendering).
     */
    className?: string;
    /**
     * Render mode for the default sort component.
     * - 'select': Renders as HTML select dropdown
     * - 'list': Renders as clickable list of options
     *
     * @default 'select'
     */
    as?: 'select' | 'list';
    /**
     * When true, the component uses the asChild pattern and delegates
     * rendering to the children render function. When false (default),
     * renders the built-in Sort.Root component.
     *
     * @default false
     */
    asChild?: boolean;
}
/**
 * Sort component for comments that provides sorting functionality.
 *
 * @component
 * @example
 * ```tsx
 * // Default select dropdown
 * <Comments.Sort />
 *
 * // As list of clickable options
 * <Comments.Sort as="list" />
 *
 * // With custom styling
 * <Comments.Sort
 *   as="select"
 *   className="custom-sort-select"
 * />
 * ```
 */
export declare const Sort: React.ForwardRefExoticComponent<SortProps & React.RefAttributes<HTMLElement>>;
export interface CommentItemRepeaterProps {
    children: React.ReactNode;
}
/**
 * Repeater component that creates individual comment contexts for each comment.
 * Follows Repeater Level pattern from architecture rules.
 * Note: Repeater components do NOT support asChild as per architecture rules.
 *
 * @component
 * @example
 * ```tsx
 * <Comments.CommentItemRepeater>
 *   <Comment.Author />
 *   <Comment.Content />
 *   <Comment.CommentDate />
 * </Comments.CommentItemRepeater>
 * ```
 */
export declare const CommentItemRepeater: React.ForwardRefExoticComponent<CommentItemRepeaterProps & React.RefAttributes<HTMLElement>>;
export interface LoadMoreProps {
    asChild?: boolean;
    className?: string;
    loadingState?: React.ReactNode;
    children?: AsChildChildren<{
        isLoading: boolean;
        loadNextPage: () => Promise<void>;
    }> | React.ReactNode;
}
/**
 * Load more trigger component for pagination.
 *
 * @component
 * @example
 * ```tsx
 * <Comments.LoadMore asChild>
 *   {({ hasNextPage, isLoading, loadNextPage }) => (
 *     <button
 *       onClick={loadNextPage}
 *       disabled={!hasNextPage || isLoading}
 *     >
 *       {isLoading ? 'Loading...' : 'Load More Comments'}
 *     </button>
 *   )}
 * </Comments.LoadMore>
 * ```
 */
export declare const LoadMore: React.ForwardRefExoticComponent<LoadMoreProps & React.RefAttributes<HTMLElement>>;