import React from 'react';
import { ListVariant, GenericListRepeaterRenderProps } from '@wix/headless-components/react';
import { PlanListServiceConfig } from '../services/index.js';
interface RootProps {
    children: React.ReactNode;
    planListServiceConfig: PlanListServiceConfig;
    className?: string;
    variant?: ListVariant;
}
/**
 * The root container that provides plan list context to all child components.
 *
 * @component
 * @example
 * ```tsx
 * <PlanList.Root planListServiceConfig={planListServiceConfig}>
 *   <PlanList.Plans emptyState={<div>No plans found</div>}>
 *     <PlanList.PlanRepeater>
 *       <Plan.Name />
 *       <Plan.Price />
 *       <Plan.Action.BuyNow label="Select Plan" />
 *     </PlanList.PlanRepeater>
 *   </PlanList.Plans>
 * </PlanList.Root>
 * ```
 */
export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
interface PlansProps {
    emptyState?: React.ReactNode;
    className?: string;
    loadingState?: React.ReactNode;
    children: React.ReactNode;
}
/**
 * Container for the plan list with support for empty state.
 *
 * @component
 * @example
 * ```tsx
 * <PlanList.Plans emptyState={<div>No plans found</div>} className="grid grid-cols-1 md:grid-cols-3 gap-4">
 *   <PlanList.PlanRepeater>
 *     <Plan.Name />
 *     <Plan.Price />
 *     <Plan.Action.BuyNow label="Select Plan" />
 *   </PlanList.PlanRepeater>
 * </PlanList.Plans>
 * ```
 */
export declare const Plans: React.ForwardRefExoticComponent<PlansProps & React.RefAttributes<HTMLElement>>;
/**
 * Render props for PlanRepeater asChild pattern
 */
export type PlanRepeaterRenderProps = GenericListRepeaterRenderProps<import('../services/index.js').PlanWithEnhancedData>;
interface PlanRepeaterProps {
    children: React.ReactNode | ((props: PlanRepeaterRenderProps, ref: React.Ref<HTMLElement>) => React.ReactNode);
    /** Whether to render as child component (asChild pattern) */
    asChild?: boolean;
}
/**
 * Repeater component that renders Plan.Root for each plan.
 *
 * @component
 * @example
 * ```tsx
 * // Standard usage
 * <PlanList.PlanRepeater>
 *   <Plan.Name />
 *   <Plan.Price />
 *   <Plan.Action.BuyNow label="Select Plan" />
 * </PlanList.PlanRepeater>
 *
 * // AsChild usage
 * <PlanList.PlanRepeater asChild>
 *   {({ items, variant, itemWrapper }) => (
 *     <CustomWrapper
 *       items={items}
 *       variant={variant}
 *       itemRenderer={(item, index) =>
 *         itemWrapper({ item, index, children: <>
 *           <Plan.Name />
 *           <Plan.Price />
 *         </> })
 *       }
 *     />
 *   )}
 * </PlanList.PlanRepeater>
 * ```
 */
export declare const PlanRepeater: React.ForwardRefExoticComponent<PlanRepeaterProps & React.RefAttributes<HTMLElement>>;
export {};