import { type GenericListItemsProps, type GenericListRepeaterProps, type MoneyProps } from '@wix/headless-components/react';
import { type AsChildChildren } from '@wix/headless-utils/react';
import React from 'react';
import { type TicketDefinition } from '../services/ticket-definition-service.js';
import { type PricingOption as PricingOptionType } from '../services/pricing-option-service.js';
/**
 * Props for the TicketDefinition Root component.
 */
export interface RootProps {
    /** Ticket definition */
    ticketDefinition: TicketDefinition;
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Child components that will have access to the ticket definition */
    children: React.ReactNode;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Root container that provides ticket definition context to all child components.
 * Must be used as the top-level TicketDefinition component.
 *
 * @order 1
 * @component
 * @example
 * ```tsx
 * import { TicketDefinition } from '@wix/events/components';
 *
 * function TicketDefinitionComponent({ ticketDefinition }) {
 *   return (
 *     <TicketDefinition.Root ticketDefinition={ticketDefinition}>
 *       <TicketDefinition.Name />
 *       <TicketDefinition.Description />
 *       <TicketDefinition.FixedPricing />
 *       <TicketDefinition.GuestPricing />
 *       <TicketDefinition.PricingOptions>
 *         <TicketDefinition.PricingOptionRepeater>
 *           <PricingOption.Name />
 *           <PricingOption.Pricing />
 *           <PricingOption.Quantity />
 *         </TicketDefinition.PricingOptionRepeater>
 *       </TicketDefinition.PricingOptions>
 *       <TicketDefinition.Remaining />
 *       <TicketDefinition.SaleStartDate />
 *       <TicketDefinition.SaleEndDate />
 *       <TicketDefinition.Quantity />
 *     </TicketDefinition.Root>
 *   );
 * }
 * ```
 */
export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition Name component.
 */
export interface NameProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Ticket definition name */
        name: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the ticket definition name.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.Name className="text-xl font-bold" />
 *
 * // asChild with primitive
 * <TicketDefinition.Name asChild>
 *   <h2 className="text-xl font-bold" />
 * </TicketDefinition.Name>
 *
 * // asChild with react component
 * <TicketDefinition.Name asChild>
 *   {React.forwardRef(({ name, ...props }, ref) => (
 *     <h2 ref={ref} {...props} className="text-xl font-bold">
 *       {name}
 *     </h2>
 *   ))}
 * </TicketDefinition.Name>
 * ```
 */
export declare const Name: React.ForwardRefExoticComponent<NameProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition Description component.
 */
export interface DescriptionProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Ticket definition description */
        description: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the ticket definition description. Not rendered if there is no description.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.Description className="text-sm text-gray-600" />
 *
 * // asChild with primitive
 * <TicketDefinition.Description asChild>
 *   <p className="text-sm text-gray-600" />
 * </TicketDefinition.Description>
 *
 * // asChild with react component
 * <TicketDefinition.Description asChild>
 *   {React.forwardRef(({ description, ...props }, ref) => (
 *     <p ref={ref} {...props} className="text-sm text-gray-600">
 *       {description}
 *     </p>
 *   ))}
 * </TicketDefinition.Description>
 * ```
 */
export declare const Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition FixedPricing component.
 */
export interface FixedPricingProps extends Omit<MoneyProps, 'money'> {
}
/**
 * Displays the fixed pricing for the ticket definition. Only renders when ticket definition has fixed price pricing method.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.FixedPricing className="text-lg font-semibold" />
 *
 * // asChild with primitive
 * <TicketDefinition.FixedPricing asChild>
 *   <span className="text-lg font-semibold" />
 * </TicketDefinition.FixedPricing>
 *
 * // asChild with react component
 * <TicketDefinition.FixedPricing asChild>
 *   {React.forwardRef(({ formattedMoney, formattedMoneyParts, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-lg font-semibold">
 *       {formattedMoney}
 *     </span>
 *   ))}
 * </TicketDefinition.FixedPricing>
 * ```
 */
export declare const FixedPricing: React.ForwardRefExoticComponent<FixedPricingProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition GuestPricing component.
 */
export interface GuestPricingProps extends Omit<MoneyProps, 'money' | 'children'> {
    children?: AsChildChildren<{
        /** Current price */
        price: string | undefined;
        /** Minimum price */
        minPrice: number;
        /** Formatted minimum price value */
        formattedMinMoney: string;
        /** Formatted minimum price value parts */
        formattedMinMoneyParts: Intl.NumberFormatPart[];
        /** Function to set price */
        setPrice: (price: string) => void;
    }>;
}
/**
 * Displays an input for guest pricing (pay-what-you-want). Only renders when ticket definition has guest price pricing method.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.GuestPricing className="border rounded px-3 py-2" />
 *
 * // asChild with primitive
 * <TicketDefinition.GuestPricing asChild>
 *   <input className="border rounded px-3 py-2" />
 * </TicketDefinition.GuestPricing>
 *
 * // asChild with react component
 * <TicketDefinition.GuestPricing asChild>
 *   {React.forwardRef(({ price, minPrice, formattedMinMoney, formattedMinMoneyParts, setPrice, ...props }, ref) => (
 *     <input ref={ref} {...props} className="border rounded px-3 py-2" />
 *   ))}
 * </TicketDefinition.GuestPricing>
 * ```
 */
export declare const GuestPricing: React.ForwardRefExoticComponent<GuestPricingProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition PricingRange component.
 */
export interface PricingRangeProps extends Omit<MoneyProps, 'money' | 'children'> {
    children?: AsChildChildren<{
        /** Formatted minimum price value */
        formattedMinMoney: string;
        /** Formatted minimum price value parts */
        formattedMinMoneyParts: Intl.NumberFormatPart[];
        /** Formatted maximum price value */
        formattedMaxMoney: string;
        /** Formatted maximum price value parts */
        formattedMaxMoneyParts: Intl.NumberFormatPart[];
        /** Formatted price range */
        formattedPriceRange: string;
    }>;
}
/**
 * Displays the pricing range for the ticket definition. Only renders when ticket definition has pricing options.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.PricingRange className="text-sm text-gray-500" />
 *
 * // asChild with primitive
 * <TicketDefinition.PricingRange asChild>
 *   <span className="text-sm text-gray-500" />
 * </TicketDefinition.PricingRange>
 *
 * // asChild with react component
 * <TicketDefinition.PricingRange asChild>
 *   {React.forwardRef(({ formattedMinMoney, formattedMinMoneyParts, formattedMaxMoney, formattedMaxMoneyParts, formattedPriceRange, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-sm text-gray-500">
 *       From {formattedMinMoney} to {formattedMaxMoney}
 *     </span>
 *   ))}
 * </TicketDefinition.PricingRange>
 * ```
 */
export declare const PricingRange: React.ForwardRefExoticComponent<PricingRangeProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition Tax component.
 */
export interface TaxProps extends Omit<MoneyProps, 'money' | 'children'> {
    children?: React.ReactNode | AsChildChildren<{
        /** Tax name */
        name: string;
        /** Tax rate */
        rate: number;
        /** Whether tax is included in price */
        included: boolean;
        /** Taxable value */
        taxableValue: number;
        /** Tax value */
        taxValue: number;
        formattedTaxableMoney: string;
        /** Formatted taxable value parts */
        formattedTaxableMoneyParts: Intl.NumberFormatPart[];
        formattedTaxMoney: string;
        /** Formatted tax value parts */
        formattedTaxMoneyParts: Intl.NumberFormatPart[];
    }>;
}
/**
 * Displays the tax for the ticket definition. Only renders when event has tax settings, ticket definition is not free and has no pricing options, or ticket definition has guest pricing and tax is applied to donations.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.Tax className="text-sm text-gray-500" />
 *
 * // asChild with primitive
 * <TicketDefinition.Tax asChild>
 *   <span className="text-sm text-gray-500" />
 * </TicketDefinition.Tax>
 *
 * // asChild with react component
 * <TicketDefinition.Tax asChild>
 *   {React.forwardRef(({ name, rate, included, taxableValue, taxValue, formattedTaxableMoney, formattedTaxableMoneyParts, formattedTaxMoney, formattedTaxMoneyParts, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-sm text-gray-500">
 *       {included ? `${name} included` : `+${formattedTaxMoney} ${name}`}
 *     </span>
 *   ))}
 * </TicketDefinition.Tax>
 * ```
 */
export declare const Tax: React.ForwardRefExoticComponent<TaxProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition Fee component.
 */
export interface FeeProps extends Omit<MoneyProps, 'money' | 'children'> {
    children?: React.ReactNode | AsChildChildren<{
        /** Fee rate */
        rate: number;
        /** Fee value */
        value: number;
        /** Formatted fee value */
        formattedMoney: string;
        /** Formatted fee value parts */
        formattedMoneyParts: Intl.NumberFormatPart[];
    }>;
}
/**
 * Displays the fee for the ticket definition. Only renders when ticket definition has fee enabled, is not free and has no pricing options.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.Fee className="text-sm text-gray-500" />
 *
 * // asChild with primitive
 * <TicketDefinition.Fee asChild>
 *   <span className="text-sm text-gray-500" />
 * </TicketDefinition.Fee>
 *
 * // asChild with react component
 * <TicketDefinition.Fee asChild>
 *   {React.forwardRef(({ rate, value, formattedMoney, formattedMoneyParts, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-sm text-gray-500">
 *       +{formattedMoney} service fee
 *     </span>
 *   ))}
 * </TicketDefinition.Fee>
 * ```
 */
export declare const Fee: React.ForwardRefExoticComponent<FeeProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition Remaining component.
 */
export interface RemainingProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Remaining tickets count */
        remaining: number;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the remaining count.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.Remaining className="text-sm text-gray-500" />
 *
 * // asChild with primitive
 * <TicketDefinition.Remaining asChild>
 *   <span className="text-sm text-gray-500" />
 * </TicketDefinition.Remaining>
 *
 * // asChild with react component
 * <TicketDefinition.Remaining asChild>
 *   {React.forwardRef(({ remaining, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-sm text-gray-500">
 *       {remaining} remaining
 *     </span>
 *   ))}
 * </TicketDefinition.Remaining>
 * ```
 */
export declare const Remaining: React.ForwardRefExoticComponent<RemainingProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition SaleStartDate component.
 */
export interface SaleStartDateProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Sale start date */
        startDate: Date;
        /** Formatted sale start date */
        startDateFormatted: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the sale start date. Only renders when the sale is scheduled to start in the future.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.SaleStartDate className="text-sm" />
 *
 * // asChild with primitive
 * <TicketDefinition.SaleStartDate asChild>
 *   <span className="text-sm" />
 * </TicketDefinition.SaleStartDate>
 *
 * // asChild with react component
 * <TicketDefinition.SaleStartDate asChild>
 *   {React.forwardRef(({ startDate, startDateFormatted, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-sm">
 *       Sale starts: {startDateFormatted}
 *     </span>
 *   ))}
 * </TicketDefinition.SaleStartDate>
 * ```
 */
export declare const SaleStartDate: React.ForwardRefExoticComponent<SaleStartDateProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition SaleEndDate component.
 */
export interface SaleEndDateProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Sale end date */
        endDate: Date;
        /** Formatted sale end date */
        endDateFormatted: string;
        /** Whether sale has ended */
        saleEnded: boolean;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the sale end date. Only renders when the sale has started or ended.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.SaleEndDate className="text-sm text-red-600" />
 *
 * // asChild with primitive
 * <TicketDefinition.SaleEndDate asChild>
 *   <span className="text-sm text-red-600" />
 * </TicketDefinition.SaleEndDate>
 *
 * // asChild with react component
 * <TicketDefinition.SaleEndDate asChild>
 *   {React.forwardRef(({ endDate, endDateFormatted, saleEnded, ...props }, ref) => (
 *     <span ref={ref} {...props} className="text-sm text-red-600">
 *       {saleEnded ? 'Sale ended' : 'Sale ends'}: {endDateFormatted}
 *     </span>
 *   ))}
 * </TicketDefinition.SaleEndDate>
 * ```
 */
export declare const SaleEndDate: React.ForwardRefExoticComponent<SaleEndDateProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition Quantity component.
 */
export interface QuantityProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        /** Array of quantity options */
        options: number[];
        /** Current quantity */
        quantity: number;
        /** Maximum quantity allowed */
        maxQuantity: number;
        /** Function to increment quantity */
        increment: () => void;
        /** Function to decrement quantity */
        decrement: () => void;
        /** Function to set specific quantity */
        setQuantity: (quantity: number) => void;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays a quantity selector for the ticket definition. Only renders when there are no pricing options, the sale has started, and the ticket definition is not sold out.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <TicketDefinition.Quantity className="border rounded px-3 py-2" />
 *
 * // asChild with primitive
 * <TicketDefinition.Quantity asChild>
 *   <select className="border rounded px-3 py-2" />
 * </TicketDefinition.Quantity>
 *
 * // asChild with react component
 * <TicketDefinition.Quantity asChild>
 *   {React.forwardRef(({ options, quantity, maxQuantity, increment, decrement, setQuantity, ...props }, ref) => (
 *     <div ref={ref} {...props} className="flex items-center space-x-2">
 *       <button disabled={quantity === 0} onClick={decrement}>-</button>
 *       <span>{quantity}</span>
 *       <button disabled={quantity >= maxQuantity} onClick={increment}>+</button>
 *     </div>
 *   ))}
 * </TicketDefinition.Quantity>
 * ```
 */
export declare const Quantity: React.ForwardRefExoticComponent<QuantityProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition PricingOptions component.
 */
export interface PricingOptionsProps extends GenericListItemsProps {
}
/**
 * Container for pricing options. Only renders when there are pricing options available.
 * Follows List Container Level pattern.
 *
 * @component
 * @example
 * ```tsx
 * <TicketDefinition.PricingOptions>
 *   <TicketDefinition.PricingOptionRepeater>
 *     <PricingOption.Name />
 *     <PricingOption.Pricing />
 *     <PricingOption.Quantity />
 *   </TicketDefinition.PricingOptionRepeater>
 * </TicketDefinition.PricingOptions>
 * ```
 */
export declare const PricingOptions: React.ForwardRefExoticComponent<PricingOptionsProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for the TicketDefinition PricingOptionRepeater component.
 */
export interface PricingOptionRepeaterProps extends Omit<GenericListRepeaterProps<PricingOptionType>, 'itemWrapper'> {
}
/**
 * Repeater component that renders PricingOption.Root for each pricing option.
 * Follows Repeater Level pattern.
 *
 * @component
 * @example
 * ```tsx
 * <TicketDefinition.PricingOptionRepeater>
 *   <PricingOption.Name />
 *   <PricingOption.Pricing />
 *   <PricingOption.Quantity />
 * </TicketDefinition.PricingOptionRepeater>
 * ```
 */
export declare const PricingOptionRepeater: React.ForwardRefExoticComponent<PricingOptionRepeaterProps & React.RefAttributes<HTMLElement>>;