import * as React from "react";
export interface ChipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
    /** The content to display in the chip */
    children: React.ReactNode;
    /** Size variant */
    size?: "small" | "medium" | "large";
    /** Variant style */
    variant?: "filled" | "outline" | "brand" | "success" | "warning" | "error";
    /** @deprecated Use variant instead */
    appearance?: "filled" | "outline" | "brand" | "success" | "warning" | "error";
    /** Optional icon to display before the text */
    icon?: React.ReactNode;
    /** Whether the chip can be dismissed/removed */
    dismissible?: boolean;
    /** Whether the chip is disabled */
    disabled?: boolean;
    /** Click handler for the chip */
    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    /** Callback when dismiss button is clicked */
    onDismiss?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    /** Custom className */
    className?: string;
}
/**
 * Chip component for displaying tags, categories, or attributes
 *
 * Used throughout iCaptur for:
 * - Skills display
 * - Active filter badges
 * - Categories and tags
 * - Removable items
 *
 * @example
 * ```tsx
 * <Chip>User Interface</Chip>
 * <Chip variant="brand">React</Chip>
 * <Chip dismissible onDismiss={handleRemove}>JavaScript</Chip>
 * <Chip icon={<StarIcon />}>Featured</Chip>
 * ```
 */
export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=chip.d.ts.map