import { type GenericListItemsProps, type GenericListRepeaterProps } from '@wix/headless-components/react';
import { type AsChildChildren } from '@wix/headless-utils/react';
import React from 'react';
import { type Event, type RichContent } from '../services/event-service.js';
import { type EventListServiceConfig } from '../services/event-list-service.js';
import { type OccurrenceListServiceConfig } from '../services/occurrence-list-service.js';
/**
 * Props for the Event Root component.
 */
export interface RootProps {
    /** Event */
    event: Event;
    /** Event list service configuration */
    eventListServiceConfig?: EventListServiceConfig;
    /** Occurrence list service configuration */
    occurrenceListServiceConfig?: OccurrenceListServiceConfig;
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Child components that will have access to the event */
    children: React.ReactNode;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Root container that provides event context to all child components.
 * Must be used as the top-level Event component.
 *
 * @order 1
 * @component
 * @example
 * ```tsx
 * import { Event } from '@wix/events/components';
 *
 * function EventPage({ event }) {
 *   return (
 *     <Event.Root event={event}>
 *       <Event.Image />
 *       <Event.Title />
 *       <Event.Date />
 *       <Event.Location />
 *       <Event.Description />
 *       <Event.RsvpButton label="RSVP" />
 *     </Event.Root>
 *   );
 * }
 * ```
 */
export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event Slug component.
 */
export interface SlugProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Event slug */
        slug: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the event slug.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.Slug className="text-sm font-medium" />
 *
 * // asChild with primitive
 * <Event.Slug asChild>
 *   <span className="text-sm font-medium" />
 * </Event.Slug>
 *
 * // asChild with react component
 * <Event.Slug>
 *   {React.forwardRef(({ slug, ...props }, ref) => (
 *     <a ref={ref} {...props} href={`/events/${slug}`}>
 *       Event Details
 *     </a>
 *   ))}
 * </Event.Slug>
 * ```
 */
export declare const Slug: React.ForwardRefExoticComponent<SlugProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event Type component.
 */
export interface TypeProps {
    /** Custom render function */
    children: AsChildChildren<{
        /** Is event ticketed */
        ticketed: boolean;
        /** Is event RSVP */
        rsvp: boolean;
        /** Is event external */
        external: boolean;
    }>;
}
/**
 * Provides event type information.
 *
 * @component
 * @example
 * ```tsx
 * // asChild with react component
 * <Event.Type asChild>
 *   {React.forwardRef(({ ticketed, rsvp, external, ...props }, ref) => (
 *     <span ref={ref} {...props}>
 *       {ticketed ? 'Ticketed' : rsvp ? 'RSVP' : external ? 'External' : ''}
 *     </span>
 *   ))}
 * </Event.Type>
 * ```
 */
export declare const Type: React.ForwardRefExoticComponent<TypeProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event Image component.
 */
export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'children'> {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Image source URL */
        src: string;
        /** Image width */
        width?: number;
        /** Image height */
        height?: number;
        /** Image alt text */
        alt: string;
    }>;
}
/**
 * Displays the event image using WixMediaImage component.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.Image className="w-full h-full object-cover" />
 *
 * // asChild with primitive
 * <Event.Image asChild>
 *   <img className="w-full h-full object-cover" />
 * </Event.Image>
 *
 * // asChild with react component
 * <Event.Image asChild>
 *   {React.forwardRef(({ src, alt, width, height, ...props }, ref) => (
 *     <img ref={ref} src={src} alt={alt} width={width} height={height} {...props} />
 *   ))}
 * </Event.Image>
 * ```
 */
export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
/**
 * Props for the Event Title component.
 */
export interface TitleProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Event title */
        title: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the event title.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.Title className="text-4xl font-bold" />
 *
 * // asChild with primitive
 * <Event.Title asChild>
 *   <h1 className="text-4xl font-bold" />
 * </Event.Title>
 *
 * // asChild with react component
 * <Event.Title asChild>
 *   {React.forwardRef(({ title, ...props }, ref) => (
 *     <h1 ref={ref} {...props} className="text-4xl font-bold">
 *       {title}
 *     </h1>
 *   ))}
 * </Event.Title>
 * ```
 */
export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event Date component.
 */
export interface DateProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Event start date, null if TBD */
        startDate: Date | null;
        /** Event end date, null if TBD */
        endDate: Date | null;
        /** Event time zone ID, null if TBD */
        timeZoneId: string | null;
        /** Whether the event date and time is TBD */
        dateAndTimeTbd: boolean;
        /** Message to display if the event date and time is TBD */
        dateAndTimeTbdMessage: string | null;
        /** Whether to hide the end date */
        hideEndDate: boolean;
        /** Whether to show the time zone */
        showTimeZone: boolean;
        /** Formatted event date */
        formattedDate: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
    /** Format of the event date */
    format?: 'short' | 'full';
}
/**
 * Displays the event date.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.Date className="text-sm font-medium" format="full" />
 *
 * // asChild with primitive
 * <Event.Date asChild format="full">
 *   <span className="text-sm font-medium" />
 * </Event.Date>
 *
 * // asChild with react component
 * <Event.Date asChild>
 *   {React.forwardRef(({ startDate, endDate, timeZoneId, dateAndTimeTbd, dateAndTimeTbdMessage, hideEndDate, showTimeZone, formattedDate, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-sm font-medium">
 *       {formattedDate}
 *     </span>
 *   ))}
 * </Event.Date>
 * ```
 */
export declare const Date: React.ForwardRefExoticComponent<DateProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event Location component.
 */
export interface LocationProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Formatted event location */
        formattedLocation: string;
        /** Event location latitude (null if TBD) */
        latitude: number | null;
        /** Event location longitude (null if TBD) */
        longitude: number | null;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
    /** Format of the event location */
    format?: 'short' | 'full';
}
/**
 * Displays the event location.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.Location className="text-sm font-medium" format="full" />
 *
 * // asChild with primitive
 * <Event.Location asChild format="full">
 *   <span className="text-sm font-medium" />
 * </Event.Location>
 *
 * // asChild with react component
 * <Event.Location asChild>
 *   {React.forwardRef(({ formattedLocation, latitude, longitude, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-sm font-medium">
 *       {formattedLocation}
 *     </span>
 *   ))}
 * </Event.Location>
 * ```
 */
export declare const Location: React.ForwardRefExoticComponent<LocationProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event ShortDescription component.
 */
export interface ShortDescriptionProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Event short description */
        shortDescription: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the event short description.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.ShortDescription className="text-sm font-medium" />
 *
 * // asChild with primitive
 * <Event.ShortDescription asChild>
 *   <span className="text-sm font-medium" />
 * </Event.ShortDescription>
 *
 * // asChild with react component
 * <Event.ShortDescription asChild>
 *   {React.forwardRef(({ shortDescription, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-sm font-medium">
 *       {shortDescription}
 *     </span>
 *   ))}
 * </Event.ShortDescription>
 * ```
 */
export declare const ShortDescription: React.ForwardRefExoticComponent<ShortDescriptionProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event Description component.
 */
export interface DescriptionProps {
    /** Custom render function */
    children?: AsChildChildren<{
        /** Event description in rich content format */
        description: RichContent;
    }>;
}
/**
 * Provides the event description. RicosViewer should be used to render the description.
 *
 * @component
 * @example
 * ```tsx
 * <Event.Description>
 *   {React.forwardRef(({ description, ...props }, ref) => (
 *     <RicosViewer ref={ref} content={description} />
 *   ))}
 * </Event.Description>
 * ```
 */
export declare const Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event RsvpButton component.
 */
export interface RsvpButtonProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Event slug */
        slug: string;
        /** Is event ticketed */
        ticketed: boolean;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
    /** The label to display inside the button */
    label?: React.ReactNode;
}
/**
 * Displays the event RSVP button.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.RsvpButton className="w-full" label="RSVP" />
 *
 * // asChild with primitive
 * <Event.RsvpButton asChild>
 *   <button className="w-full">RSVP</button>
 * </Event.RsvpButton>
 *
 * // asChild with react component
 * <Event.RsvpButton asChild>
 *   {React.forwardRef(({ slug, ticketed, ...props }, ref) => (
 *     <button ref={ref} {...props}>
 *       {ticketed ? 'Buy Tickets' : 'RSVP'}
 *     </button>
 *   ))}
 * </Event.RsvpButton>
 * ```
 */
export declare const RsvpButton: React.ForwardRefExoticComponent<RsvpButtonProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event FacebookShare component.
 */
export interface FacebookShareProps {
    /** Event page URL */
    eventPageUrl: string;
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Facebook share URL */
        shareUrl: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays Facebook share element.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.FacebookShare eventPageUrl={eventPageUrl} />
 *
 * // asChild with primitive
 * <Event.FacebookShare asChild eventPageUrl={eventPageUrl}>
 *   <a />
 * </Event.FacebookShare>
 *
 * // asChild with react component
 * <Event.FacebookShare asChild eventPageUrl={eventPageUrl}>
 *   {React.forwardRef(({ shareUrl, ...props }, ref) => (
 *     <button ref={ref} onClick={() => window.open(shareUrl, '_blank')} />
 *   ))}
 * </Event.FacebookShare>
 * ```
 */
export declare const FacebookShare: React.ForwardRefExoticComponent<FacebookShareProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event LinkedInShare component.
 */
export interface LinkedInShareProps {
    /** Event page URL */
    eventPageUrl: string;
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** LinkedIn share URL */
        shareUrl: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays LinkedIn share element.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.LinkedInShare eventPageUrl={eventPageUrl} />
 *
 * // asChild with primitive
 * <Event.LinkedInShare asChild eventPageUrl={eventPageUrl}>
 *   <a />
 * </Event.LinkedInShare>
 *
 * // asChild with react component
 * <Event.LinkedInShare asChild>
 *   {React.forwardRef(({ shareUrl, ...props }, ref) => (
 *     <button ref={ref} onClick={() => window.open(shareUrl, '_blank')} />
 *   ))}
 * </Event.LinkedInShare>
 * ```
 */
export declare const LinkedInShare: React.ForwardRefExoticComponent<LinkedInShareProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event XShare component.
 */
export interface XShareProps {
    /** Event page URL */
    eventPageUrl: string;
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** X share URL */
        shareUrl: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays X share element.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.XShare eventPageUrl={eventPageUrl} />
 *
 * // asChild with primitive
 * <Event.XShare asChild eventPageUrl={eventPageUrl}>
 *   <a />
 * </Event.XShare>
 *
 * // asChild with react component
 * <Event.XShare asChild>
 *   {React.forwardRef(({ shareUrl, ...props }, ref) => (
 *     <button ref={ref} onClick={() => window.open(shareUrl, '_blank')} />
 *   ))}
 * </Event.XShare>
 * ```
 */
export declare const XShare: React.ForwardRefExoticComponent<XShareProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event AddToGoogleCalendar component.
 */
export interface AddToGoogleCalendarProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Google calendar URL */
        url: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays link to add the event to Google calendar.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.AddToGoogleCalendar />
 *
 * // asChild with primitive
 * <Event.AddToGoogleCalendar asChild>
 *   <a />
 * </Event.AddToGoogleCalendar>
 *
 * // asChild with react component
 * <Event.AddToGoogleCalendar asChild>
 *   {React.forwardRef(({ url, ...props }, ref) => (
 *     <button ref={ref} onClick={() => window.open(url, '_blank')} />
 *   ))}
 * </Event.AddToGoogleCalendar>
 * ```
 */
export declare const AddToGoogleCalendar: React.ForwardRefExoticComponent<AddToGoogleCalendarProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event AddToIcsCalendar component.
 */
export interface AddToIcsCalendarProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** ICS calendar URL */
        url: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays link to add the event to ICS calendar.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Event.AddToIcsCalendar />
 *
 * // asChild with primitive
 * <Event.AddToIcsCalendar asChild>
 *   <a />
 * </Event.AddToIcsCalendar>
 *
 * // asChild with react component
 * <Event.AddToIcsCalendar asChild>
 *   {React.forwardRef(({ url, ...props }, ref) => (
 *     <button ref={ref} onClick={() => window.open(url, '_blank')} />
 *   ))}
 * </Event.AddToIcsCalendar>
 * ```
 */
export declare const AddToIcsCalendar: React.ForwardRefExoticComponent<AddToIcsCalendarProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event OtherEvents component.
 */
export interface OtherEventsProps extends GenericListItemsProps {
    /** Number of other events to display, default: 3 */
    count?: number;
}
/**
 * Container for other events.
 * Follows List Container Level pattern.
 *
 * @component
 * @example
 * ```tsx
 * <Event.OtherEvents count={5}>
 *   <Event.OtherEventRepeater>
 *     <Event.Image />
 *     <Event.Title />
 *   </Event.OtherEventRepeater>
 * </Event.OtherEvents>
 * ```
 */
export declare const OtherEvents: React.ForwardRefExoticComponent<OtherEventsProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event OtherEventRepeater component.
 */
export interface OtherEventRepeaterProps extends Omit<GenericListRepeaterProps<Event>, 'itemWrapper'> {
}
/**
 * Repeater component that renders Event.Root for each event.
 * Follows Repeater Level pattern.
 *
 * @component
 * @example
 * ```tsx
 * <Event.OtherEventRepeater>
 *   <Event.Image />
 *   <Event.Title />
 * </Event.OtherEventRepeater>
 * ```
 */
export declare const OtherEventRepeater: React.ForwardRefExoticComponent<OtherEventRepeaterProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the Event Form component.
 */
export interface FormProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Child components */
    children: React.ReactNode;
    /** CSS classes to apply to the default element */
    className?: string;
    /** Thank you page URL */
    thankYouPageUrl?: string;
}
/**
 * Displays the event form.
 *
 * @component
 * @example
 * ```tsx
 * import { Form } from '@wix/headless-forms/react';
 *
 * <Event.Form>
 *   <Form.Loading />
 *   <Form.LoadingError />
 *   <Form.Fields fieldMap={FIELD_MAP} />
 * </Event.Form>
 * ```
 */
export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLDivElement>>;