import React from 'react';
import type { CartDisplay, CartLineDisplay, CheckoutDisplay, MembershipCardDisplay, PassCardDisplay, PassesMembershipsDisplay, ProductCardDisplay, ProductDetailDisplay, ProductListDisplay, ProductVariantOptionDisplay } from './display';
export declare function ProductBadgesView({ badges }: Readonly<{
    badges: readonly string[];
}>): import("react/jsx-runtime").JSX.Element | null;
export declare function VariantSelectView(props: Readonly<{
    options: readonly ProductVariantOptionDisplay[];
    selectedVariantId: string | null;
    disabled?: boolean;
    onChange?: (variantId: string | null) => void;
}>): import("react/jsx-runtime").JSX.Element | null;
export declare function ProductCardView(props: Readonly<{
    display: ProductCardDisplay;
    layout: 'grid' | 'list';
    variantControl?: React.ReactNode;
    actions: React.ReactNode;
    feedback?: React.ReactNode;
}>): import("react/jsx-runtime").JSX.Element;
export declare function ProductListSectionView(props: Readonly<{
    display: ProductListDisplay;
    children: React.ReactNode;
}>): import("react/jsx-runtime").JSX.Element;
export declare function ProductDetailView(props: Readonly<{
    display: ProductDetailDisplay;
    gallery?: React.ReactNode;
    variantControl?: React.ReactNode;
    actions?: React.ReactNode;
    feedback?: React.ReactNode;
    body?: React.ReactNode;
}>): import("react/jsx-runtime").JSX.Element;
export declare function ProductGalleryFrameView(props: Readonly<{
    gallery: readonly Readonly<{
        url: string;
        alt: string | null;
    }>[];
    renderCarousel: (slides: readonly React.ReactNode[]) => React.ReactNode;
}>): import("react/jsx-runtime").JSX.Element | null;
export declare function PassCardView(props: Readonly<{
    display: PassCardDisplay;
    action: React.ReactNode;
    feedback?: React.ReactNode;
}>): import("react/jsx-runtime").JSX.Element;
export declare function MembershipCardView(props: Readonly<{
    display: MembershipCardDisplay;
    action: React.ReactNode;
}>): import("react/jsx-runtime").JSX.Element;
export declare function PassesMembershipsSectionView(props: Readonly<{
    display: PassesMembershipsDisplay;
    beforeContent?: React.ReactNode;
    passCards?: React.ReactNode;
    membershipCards?: React.ReactNode;
}>): import("react/jsx-runtime").JSX.Element;
export declare function CartShellView(props: Readonly<{
    display: CartDisplay;
    renderControls?: (item: CartLineDisplay) => React.ReactNode;
    footerActions?: React.ReactNode;
}>): import("react/jsx-runtime").JSX.Element;
export declare function CheckoutShellView(props: Readonly<{
    display: CheckoutDisplay;
    notice?: React.ReactNode;
    body?: React.ReactNode;
}>): import("react/jsx-runtime").JSX.Element;
