import { ChipsProps } from './Chips.types';

/**
 * Chips component for displaying selectable options.
 * Supports three types: default (no indicator), single (radio-style), and multi (checkbox-style).
 * Useful for filters, tags, and selection interfaces.
 * Meets WCAG 2.1 Level AA accessibility standards.
 *
 * @example
 * // Default chip
 * <Chips label="JavaScript" onClick={(label) => handleSelect(label)} />
 *
 * // Single selection (radio button style)
 * <Chips
 *   type="single"
 *   label="Option A"
 *   isActive={selected === 'Option A'}
 *   onClick={(label) => setSelected(label)}
 * />
 *
 * // Multiple selection (checkbox style)
 * <Chips
 *   type="multi"
 *   label="Feature X"
 *   isActive={features.includes('Feature X')}
 *   onClick={(label) => toggleFeature(label)}
 * />
 */
export declare const Chips: import('react').ForwardRefExoticComponent<Omit<ChipsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=index.d.ts.map