import React from 'react';
import { Variant, VariantCardProps } from './ProductVariants.js';
/** Sticky group header class shared by Tree, Wizard, and list views. */
export declare const STICKY_GROUP_HEADER_CLASS = "ov25-group-header ov:sticky ov:z-[9] ov:bg-[var(--ov25-background-color)] ov:px-4 ov:text-sm ov:pt-4 ov:pb-3 ov:text-[var(--ov25-secondary-text-color)] ov:font-medium";
export interface GroupedVariantsListGroup {
    groupName: string;
    variants: Variant[];
}
export interface GroupedVariantsListProps {
    groups: GroupedVariantsListGroup[];
    gridColsClass: string;
    VariantCard: React.ComponentType<VariantCardProps>;
    isMobile: boolean;
    onSelect: (variant: Variant) => void;
    showGroupHeaders?: boolean;
    /** Sticky header top offset, e.g. 'ov:top-0' or 'ov:top-10' when there is a sticky tabs bar above */
    stickyTopClass?: string;
    showImage?: boolean;
    showDimensions?: boolean;
    compactSpacing?: boolean;
}
export declare const GroupedVariantsList: React.FC<GroupedVariantsListProps>;