import React from 'react';
import { type LineItem } from '../services/common-types.js';
import { AsChildChildren } from '@wix/headless-utils/react';
export interface LineItemRootProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children: AsChildChildren<{
        item: LineItem;
    }>;
    /** The line item data */
    item: LineItem;
    /** CSS classes to apply to the default element */
    className?: string;
    /** Additional HTML attributes */
    [key: string]: any;
}
/**
 * Root component for a cart line item that provides the LineItem context to its children
 *
 * @example
 * ```tsx
 * <LineItem.Root item={cartItem}>
 *   <LineItem.Image />
 *   <LineItem.Title />
 *   <LineItem.Quantity />
 * </LineItem.Root>
 * ```
 */
export declare const Root: React.ForwardRefExoticComponent<Omit<LineItemRootProps, "ref"> & React.RefAttributes<HTMLElement>>;
/**
 * Props for LineItem Title component
 */
export interface TitleProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        title: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
    /** Additional HTML attributes */
    [key: string]: any;
}
/**
 * Displays the line item title/product name with customizable rendering options following the V2 API.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <LineItem.Title className="text-lg font-medium" />
 *
 * // asChild with primitive element
 * <LineItem.Title asChild>
 *   <h3 className="text-lg font-medium" />
 * </LineItem.Title>
 *
 * // asChild with React component
 * <LineItem.Title asChild>
 *   {React.forwardRef(({title, ...props}, ref) => (
 *     <h3 ref={ref} {...props} className="text-lg font-medium">
 *       {title}
 *     </h3>
 *   ))}
 * </LineItem.Title>
 * ```
 */
export declare const Title: React.ForwardRefExoticComponent<Omit<TitleProps, "ref"> & React.RefAttributes<HTMLElement>>;
/**
 * Props for LineItem Image component
 */
export interface ImageProps {
    asChild?: boolean;
    children?: AsChildChildren<{
        src: string;
        alt: string;
    }>;
    className?: string;
    [key: string]: any;
}
/**
 * Displays the line item product image using WixMediaImage for optimization.
 * Supports custom rendering via asChild pattern with specific src/alt props.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage with WixMediaImage
 * <LineItem.Image className="w-16 h-16 rounded-lg object-cover" />
 *
 * // Custom rendering with specific props
 * <LineItem.Image asChild>
 *   {React.forwardRef(({ src, alt }, ref) => (
 *     <img
 *       ref={ref}
 *       src={src}
 *       alt={alt}
 *       className="w-16 h-16 rounded-lg object-cover custom-image"
 *     />
 *   ))}
 * </LineItem.Image>
 * ```
 */
export declare const Image: React.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
/**
 * Props for LineItem Quantity component
 */
export interface QuantityProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Child components for quantity controls */
    children: AsChildChildren<{
        quantity: number;
        updateQuantity: (quantity: number) => void;
    }>;
    /** How much to increment/decrement (default: 1) */
    steps?: number;
    /** CSS classes to apply to the default element */
    className?: string;
    /** Additional HTML attributes */
    [key: string]: any;
}
/**
 * Container for line item quantity selection controls.
 * Wraps children with Quantity.Root and connects to line item context for quantity operations.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage with quantity controls
 * <LineItem.Quantity steps={1}>
 *   <Quantity.Decrement />
 *   <Quantity.Input />
 *   <Quantity.Increment />
 *   <Quantity.Reset />
 * </LineItem.Quantity>
 * ```
 */
export declare const Quantity: React.ForwardRefExoticComponent<Omit<QuantityProps, "ref"> & React.RefAttributes<HTMLElement>>;
/**
 * Props for LineItem SelectedOptions component
 */
export interface SelectedOptionsProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        selectedOptions: Array<{
            name: string;
            value: string | {
                color: string;
            };
        }>;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
    /** Additional HTML attributes */
    [key: string]: any;
}
/**
 * Container for selected options display. Does not render when there are no selected options.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <LineItem.SelectedOptions>
 *   <LineItem.SelectedOptionRepeater />
 * </LineItem.SelectedOptions>
 *
 * // asChild with primitive element
 * <LineItem.SelectedOptions asChild>
 *   <section className="selected-options-section">
 *     <LineItem.SelectedOptionRepeater />
 *   </section>
 * </LineItem.SelectedOptions>
 *
 * // asChild with React component
 * <LineItem.SelectedOptions asChild>
 *   {React.forwardRef((props, ref) => (
 *     <section ref={ref} {...props} className="selected-options-section">
 *       {props.children}
 *     </section>
 *   ))}
 * </LineItem.SelectedOptions>
 * ```
 */
export declare const SelectedOptions: React.ForwardRefExoticComponent<Omit<SelectedOptionsProps, "ref"> & React.RefAttributes<HTMLElement>>;
/**
 * Props for LineItem SelectedOptionRepeater component
 */
export interface SelectedOptionRepeaterProps {
    children: React.ReactNode;
}
/**
 * Renders a list of selected options. Maps over selected options and renders SelectedOption.Root for each.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <LineItem.SelectedOptionRepeater>
 *   <SelectedOption.Text />
 *   <SelectedOption.Color />
 * </LineItem.SelectedOptionRepeater>
 * ```
 */
export declare function SelectedOptionRepeater(props: SelectedOptionRepeaterProps): React.ReactNode;
export declare namespace SelectedOptionRepeater {
    var displayName: string;
}