import { ReactNode } from 'react';
/** Chip variant types */
export type ChipVariant = 'filled' | 'outlined';
/** Chip color options */
export type ChipColor = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'info';
/** Chip size options */
export type ChipSize = 'small' | 'medium' | 'large';
/** Props for the Chip component */
export interface ChipProps {
    /** The text label to display */
    label: ReactNode;
    /** Callback when delete button is clicked. If provided, shows delete button */
    onDelete?: () => void;
    /** Visual variant of the chip */
    variant?: ChipVariant;
    /** Color of the chip */
    color?: ChipColor;
    /** Size of the chip */
    size?: ChipSize;
    /** Custom font size (overrides size-based font size) */
    fontSize?: string;
    /** Icon to display before the label */
    icon?: ReactNode;
    /** Avatar or image to display before the label (takes precedence over icon) */
    avatar?: ReactNode;
    /** Whether the chip is disabled */
    disabled?: boolean;
    /** Whether the chip is clickable (shows hover/focus states) */
    clickable?: boolean;
    /** Callback when chip is clicked */
    onClick?: () => void;
    /** Additional CSS class */
    className?: string;
    /** Test ID for testing (deprecated, use dataTestId) */
    'data-testid'?: string;
    /** Test identifier for automated testing */
    dataTestId?: string;
    /** Data identifier for ib-ui compatibility */
    dataId?: string;
}
//# sourceMappingURL=Chip.types.d.ts.map