import { ReactNode } from 'react';
import { CheckboxGroupProps } from '../Checkbox/CheckboxGroup';
import { ISelectCardContext } from './SelectCardProvider';
/**
 * Props for the SelectCardGroup component
 * @extends Omit<ISelectCardContext, "radioName" | "selection">
 */
export interface SelectCardGroupProps extends Omit<ISelectCardContext, "radioName" | "selection"> {
    /**
     * Associates the legend with content below.
     */
    ariaLabelledBy?: string;
    children?: ReactNode;
    /**
     * Sets the legend on the group.
     */
    legend: CheckboxGroupProps["legend"];
    /**
     * When `true`, sets "required" text in label.
     * @accessibility This does not enforce error when nothing is selected.
     * @default false
     */
    required?: boolean;
}
/**
 * SelectCardGroup component for managing groups of selectable cards.
 *
 * Features:
 * - Manages selection state for multiple SelectCard components
 * - Supports both single and multiple selection modes
 * - Provides proper accessibility with legends and ARIA labels
 * - Handles required field validation
 * - Automatic radio button grouping for single selection
 * - Context provider for child SelectCard components
 * - Integrates with CheckboxGroup and RadioGroup for proper form semantics
 *
 * @example
 * <SelectCardGroup
 *   legend="Choose your plan"
 *   selectionMode="single"
 *   onChange={(e, state) => console.log('Selection changed:', state)}
 * >
 *   <SelectCard id="basic" onChange={() => {}}>
 *     <Text variant="headline" size="small" el="h3">Basic Plan</Text>
 *   </SelectCard>
 *   <SelectCard id="premium" onChange={() => {}}>
 *     <Text variant="headline" size="small" el="h3">Premium Plan</Text>
 *   </SelectCard>
 * </SelectCardGroup>
 */
export declare const SelectCardGroup: import('react').ForwardRefExoticComponent<SelectCardGroupProps & import('react').RefAttributes<HTMLInputElement>>;