import { ReactNode } from 'react';
import { DiscountCodeFieldProps } from '../../components/DiscountCodeField';
import { MembershipCardProps } from '../../components/MembershipCard';
import { PlanSelectorGroupProps } from '../../components/PlanSelectorGroup';
import { ProductCardProps } from '../../components/ProductCard';
import { SummaryLineItem } from '../../components/SummaryRow';
export type CheckoutTotal = {
    label: ReactNode;
    /** Number → formatted as currency; string/node → rendered as-is. */
    value: ReactNode;
    /** Renders larger/bold — e.g. "Due today" (Meds) or the single "Total" (Supplements). */
    emphasis?: boolean;
    /** Secondary line under the label, e.g. the next-charge date "Apr 12, 2026". */
    sub?: ReactNode;
};
export type CheckoutSummary = {
    lineItems: SummaryLineItem[];
    /**
     * Total rows. Meds use two ([{Total after approval}, {Due today, emphasis}]);
     * Supplements use one ([{Total, emphasis}]).
     */
    totals: CheckoutTotal[];
    /** Footer note under the totals, e.g. "No charges…until your clinician approves." */
    note?: ReactNode;
};
export type OrderSummaryProps = {
    membership?: MembershipCardProps;
    products?: ProductCardProps[];
    /** "Switch & Save" billing-cadence selector, between the products and the totals. */
    plans?: PlanSelectorGroupProps;
    discountCode?: DiscountCodeFieldProps;
    summary: CheckoutSummary;
};
export declare const OrderSummary: ({ membership, products, plans, discountCode, summary }: OrderSummaryProps) => import("react").JSX.Element;