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 EventListServiceConfig } from '../services/event-list-service.js';
/**
 * Props for the EventList Root component.
 */
export interface RootProps extends Pick<GenericListRootProps<EventType>, 'children' | 'className' | 'variant'> {
    /** Configuration for the event list service */
    eventListServiceConfig: EventListServiceConfig;
}
/**
 * Root container that provides event list service context to all child components.
 * Must be used as the top-level component for event list functionality.
 *
 * @order 1
 * @component
 * @example
 * ```tsx
 * import { EventList } from '@wix/events/components';
 *
 * function EventListPage({ eventListServiceConfig }) {
 *   return (
 *     <EventList.Root eventListServiceConfig={eventListServiceConfig}>
 *       <EventList.Filters allCategoriesLabel="All">
 *         <Filter.FilterOptions>
 *           <Filter.FilterOptionRepeater>
 *             <Filter.FilterOption.SingleFilter />
 *           </Filter.FilterOptionRepeater>
 *         </Filter.FilterOptions>
 *       </EventList.Filters>
 *       <EventList.Events>
 *         <EventList.EventRepeater>
 *           <Event.Image />
 *           <Event.Title />
 *           <Event.Date />
 *           <Event.Location />
 *           <Event.Description />
 *           <Event.RsvpButton label="RSVP" />
 *         </EventList.EventRepeater>
 *       </EventList.Events>
 *     </EventList.Root>
 *   );
 * }
 * ```
 */
export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the EventList Events component.
 */
export interface EventsProps extends GenericListItemsProps {
}
/**
 * Container for the event list with support for empty state.
 * Follows List Container Level pattern.
 *
 * @component
 * @example
 * ```tsx
 * <EventList.Events emptyState={<div>No events found</div>}>
 *   <EventList.EventRepeater>
 *     <Event.Image />
 *     <Event.Title />
 *   </EventList.EventRepeater>
 * </EventList.Events>
 * ```
 */
export declare const Events: React.ForwardRefExoticComponent<EventsProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the EventList EventRepeater component.
 */
export interface EventRepeaterProps extends Omit<GenericListRepeaterProps<EventType>, 'itemWrapper'> {
}
/**
 * Repeater component that renders Event.Root for each event.
 * Follows Repeater Level pattern.
 *
 * @component
 * @example
 * ```tsx
 * <EventList.EventRepeater>
 *   <Event.Image />
 *   <Event.Title />
 * </EventList.EventRepeater>
 * ```
 */
export declare const EventRepeater: React.ForwardRefExoticComponent<EventRepeaterProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the EventList LoadMoreTrigger component.
 */
export interface LoadMoreTriggerProps extends GenericListLoadMoreProps {
}
/**
 * Displays a button to load more events. Not rendered if no events are left to load.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <EventList.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 EventList Error component.
 */
export interface ErrorProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Event list error message */
        error: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays an error message when the event list fails to load.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <EventList.Error className="text-red-500" />
 *
 * // asChild with primitive
 * <EventList.Error asChild className="text-red-500">
 *   <span />
 * </EventList.Error>
 *
 * // asChild with react component
 * <EventList.Error asChild className="text-red-500">
 *   {React.forwardRef(({ error, ...props }, ref) => (
 *     <span ref={ref} {...props}>
 *       {error}
 *     </span>
 *   ))}
 * </EventList.Error>
 * ```
 */
export declare const Error: React.ForwardRefExoticComponent<ErrorProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the EventList CategoryFilter component.
 */
export interface CategoryFilterProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Child components */
    children: React.ReactNode;
    /** CSS classes to apply to the default element */
    className?: string;
    /** All categories label*/
    allCategoriesLabel: string;
}
/**
 * Container for the event list category filters. Not rendered if there are no categories.
 *
 * @component
 * @example
 * ```tsx
 * <EventList.CategoryFilter allCategoriesLabel="All">
 *   <Filter.FilterOptions className="border-b border-gray-500 mb-6">
 *     <Filter.FilterOptionRepeater>
 *       <Filter.FilterOption.SingleFilter className="flex gap-2" />
 *     </Filter.FilterOptionRepeater>
 *   </Filter.FilterOptions>
 * </EventList.CategoryFilter>
 * ```
 */
export declare const CategoryFilter: React.ForwardRefExoticComponent<CategoryFilterProps & React.RefAttributes<HTMLDivElement>>;
/**
 * Props for the EventList StatusFilter component.
 */
export interface StatusFilterProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Child components */
    children: React.ReactNode;
    /** CSS classes to apply to the default element */
    className?: string;
    /** All events label */
    allEventsLabel: string;
    /** Upcoming events label */
    upcomingEventsLabel: string;
    /** Past events label */
    pastEventsLabel: string;
}
/**
 * Container for the event list status filters.
 *
 * @component
 * @example
 * ```tsx
 * <EventList.StatusFilter
 *   allEventsLabel="All Events"
 *   upcomingEventsLabel="Upcoming"
 *   pastEventsLabel="Past"
 * >
 *   <Filter.FilterOptions>
 *     <Filter.FilterOptionRepeater>
 *       <Filter.FilterOption.SingleFilter />
 *     </Filter.FilterOptionRepeater>
 *   </Filter.FilterOptions>
 * </EventList.StatusFilter>
 * ```
 */
export declare const StatusFilter: React.ForwardRefExoticComponent<StatusFilterProps & React.RefAttributes<HTMLDivElement>>;