import React from 'react';
import { type IconName } from '../../atoms/Icons';
import { type GlassVariant } from '../../../lib/glass';
export type ChipVariant = 'filled' | 'outlined';
export type ChipSize = 'sm' | 'md' | 'lg';
export interface ChipProps {
    /** Text label */
    label: string;
    /** Whether the chip is selected */
    selected?: boolean;
    /** Visual variant */
    variant?: ChipVariant;
    /** Size */
    size?: ChipSize;
    /** Leading icon name */
    icon?: IconName;
    /** Whether the chip is disabled */
    disabled?: boolean;
    /** Callback when clicked */
    onClick?: () => void;
    /** Callback when close/remove is clicked */
    onRemove?: (e: React.MouseEvent) => void;
    /** Glass morphism variant */
    glass?: GlassVariant;
    /** Value identifier (used by ChipGroup for selection) */
    value?: string;
    /** Additional CSS classes */
    className?: string;
}
export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
export interface ChipGroupProps {
    /** Currently selected value(s) */
    value: string | string[];
    /** Callback when selection changes */
    onChange: (value: string) => void;
    /** Whether multiple chips can be selected */
    multiple?: boolean;
    /** Chip variant for all children */
    variant?: ChipVariant;
    /** Chip size for all children */
    size?: ChipSize;
    /** Glass morphism variant */
    glass?: GlassVariant;
    /** Whether all chips are disabled */
    disabled?: boolean;
    /** Additional CSS classes */
    className?: string;
    children: React.ReactNode;
}
export declare const ChipGroup: React.ForwardRefExoticComponent<ChipGroupProps & React.RefAttributes<HTMLDivElement>>;
export default Chip;
//# sourceMappingURL=Chip.d.ts.map