import type { PartialElement } from '@furystack/shades';
import type { Palette } from '../services/theme-provider-service.js';
import type { ComponentSize } from './component-size.js';
export type ChipProps = PartialElement<HTMLElement> & {
    variant?: 'filled' | 'outlined';
    color?: keyof Palette;
    size?: ComponentSize;
    disabled?: boolean;
    clickable?: boolean;
    onDelete?: (ev: MouseEvent) => void;
};
export declare const Chip: (props: Omit<Partial<HTMLElement>, "style"> & {
    style?: Partial<CSSStyleDeclaration>;
} & {
    ref?: import("@furystack/shades").RefObject<Element>;
} & {
    variant?: "filled" | "outlined";
    color?: keyof Palette;
    size?: ComponentSize;
    disabled?: boolean;
    clickable?: boolean;
    onDelete?: (ev: MouseEvent) => void;
}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
//# sourceMappingURL=chip.d.ts.map