import { type GenericListRootProps, type GenericListItemsProps, type GenericListRepeaterProps, type GenericListLoadMoreProps } from '@wix/headless-components/react';
import { type AsChildChildren } from '@wix/headless-utils/react';
import React from 'react';
import { type Event as EventType } from '../services/event-service.js';
import { type OccurrenceListServiceConfig } from '../services/occurrence-list-service.js';
/**
 * Props for the OccurrenceList Root component.
 */
export interface RootProps extends Pick<GenericListRootProps<EventType>, 'children' | 'className' | 'variant'> {
    /** Configuration for the occurrence list service */
    occurrenceListServiceConfig: OccurrenceListServiceConfig;
}
/**
 * Root container that provides occurrence list service context to all child components.
 * Must be used as the top-level component for occurrence list functionality.
 *
 * @order 1
 * @component
 * @example
 * ```tsx
 * import { OccurrenceList } from '@wix/events/components';
 *
 * function OccurrenceListPage({ occurrenceListServiceConfig }) {
 *   return (
 *     <OccurrenceList.Root occurrenceListServiceConfig={occurrenceListServiceConfig}>
 *       <OccurrenceList.Occurrences>
 *         <OccurrenceList.OccurrenceRepeater>
 *           <Event.Image />
 *           <Event.Title />
 *           <Event.Date />
 *           <Event.Location />
 *           <Event.Description />
 *           <Event.RsvpButton label="RSVP" />
 *         </OccurrenceList.OccurrenceRepeater>
 *       </OccurrenceList.Occurrences>
 *     </OccurrenceList.Root>
 *   );
 * }
 * ```
 */
export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the OccurrenceList Occurrences component.
 */
export interface OccurrencesProps extends GenericListItemsProps {
}
/**
 * Container for the occurrence list.
 * Follows List Container Level pattern.
 *
 * @component
 * @example
 * ```tsx
 * <OccurrenceList.Occurrences>
 *   <OccurrenceList.OccurrenceRepeater>
 *     <Event.Image />
 *     <Event.Title />
 *   </OccurrenceList.OccurrenceRepeater>
 * </OccurrenceList.Occurrences>
 * ```
 */
export declare const Occurrences: React.ForwardRefExoticComponent<OccurrencesProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the OccurrenceList OccurrenceRepeater component.
 */
export interface OccurrenceRepeaterProps extends Omit<GenericListRepeaterProps<EventType>, 'itemWrapper'> {
}
/**
 * Repeater component that renders Event.Root for each occurrence.
 * Follows Repeater Level pattern.
 *
 * @component
 * @example
 * ```tsx
 * <OccurrenceList.OccurrenceRepeater>
 *   <Event.Image />
 *   <Event.Title />
 * </OccurrenceList.OccurrenceRepeater>
 * ```
 */
export declare const OccurrenceRepeater: React.ForwardRefExoticComponent<OccurrenceRepeaterProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the OccurrenceList LoadMoreTrigger component.
 */
export interface LoadMoreTriggerProps extends GenericListLoadMoreProps {
}
/**
 * Displays a button to load more occurrences. Not rendered if no occurrences are left to load.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <OccurrenceList.LoadMoreTrigger className="bg-blue-600 hover:bg-blue-700 text-white" label="Load More" loadingState="Loading..." />
 */
export declare const LoadMoreTrigger: React.ForwardRefExoticComponent<LoadMoreTriggerProps & React.RefAttributes<HTMLButtonElement>>;
/**
 * Props for the OccurrenceList Error component.
 */
export interface ErrorProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Occurrence list error message */
        error: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays an error message when the occurrence list fails to load.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <OccurrenceList.Error className="text-red-500" />
 *
 * // asChild with primitive
 * <OccurrenceList.Error asChild className="text-red-500">
 *   <span />
 * </OccurrenceList.Error>
 *
 * // asChild with react component
 * <OccurrenceList.Error asChild className="text-red-500">
 *   {React.forwardRef(({ error, ...props }, ref) => (
 *     <span ref={ref} {...props}>
 *       {error}
 *     </span>
 *   ))}
 * </OccurrenceList.Error>
 * ```
 */
export declare const Error: React.ForwardRefExoticComponent<ErrorProps & React.RefAttributes<HTMLElement>>;