import { CardProps } from '../Card'; import { RadioProps } from '../Radio/internal/Radio'; import { CheckboxProps } from '../Checkbox/internal/Checkbox'; /** * Props for the SelectCard component * @extends Omit */ export interface SelectCardProps extends Omit { /** * Passes props to the underlying `` component. */ checkboxProps?: Omit; /** * Controlled state. When provided, the component becomes controlled. */ checked?: boolean; /** * Uncontrolled initial state. Ignored when inside a `SelectCard.Group` that sets `defaultValue`. */ defaultChecked?: boolean; /** * When `true`, disables the card. */ disabled?: boolean; /** * When `true`, sets error styling on the card. */ errored?: boolean; /** * A unique identifier for the card, used to track the selection state. */ id: string | number; /** * Function called on selection state change. */ onChange?: (value: boolean) => void; /** * Passes props to the underlying `` component. */ radioProps?: Omit; /** * Removes the drop shadow effect on the card. */ removeDropShadow?: boolean; /** * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card. * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` prop on the * `SelectCard.Group`, and defaults to checkbox if no `SelectCard.Group` is used. * @default false */ showSelectIndicator?: boolean; } /** * SelectCard component for creating interactive card-based selection interfaces. * * Features: * - Supports both single selection (radio) and multiple selection (checkbox) modes * - Automatic context detection for selection behavior * - Visual feedback for selected, disabled, and error states * - Accessible with proper ARIA roles and keyboard navigation * - Customizable styling through Card component props * - Hover and focus states with smooth transitions * - Integration with SelectCardGroup for grouped selection * * @example * console.log('Selected:', checked)} * > * Option 1 * Description of option 1 * */ export declare const SelectCard: import('react').ForwardRefExoticComponent> & { /** * 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 * * @example * console.log('Selection changed:', state)} * > * {}}> * Basic Plan * * {}}> * Premium Plan * * */ Group: import('react').ForwardRefExoticComponent>; };