import { PillVariant, PillColor, PillSize } from '../types';
/**
* BasePill - Compact label component for tags, status indicators, and badges.
*
* @example
* ```vue
* Active
* Tag
*
*
* Verified
*
* ```
*/
interface Props {
/** Visual style variant */
variant?: PillVariant;
/** Semantic color modifier — use with variant="outline" for colored outlines */
color?: PillColor;
/** Size of the pill */
size?: PillSize;
/** Show remove button */
removable?: boolean;
/** Disable interaction */
disabled?: boolean;
/** Show icon slot */
icon?: boolean;
/** Leading status dot in the pill's tone color */
dot?: boolean;
}
declare var __VLS_1: {}, __VLS_3: {};
type __VLS_Slots = {} & {
icon?: (props: typeof __VLS_1) => any;
} & {
default?: (props: typeof __VLS_3) => any;
};
declare const __VLS_base: import('vue').DefineComponent any;
}, string, import('vue').PublicProps, Readonly & Readonly<{
onRemove?: (() => any) | undefined;
}>, {
disabled: boolean;
size: PillSize;
icon: boolean;
color: PillColor;
variant: PillVariant;
dot: boolean;
removable: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
declare const __VLS_export: __VLS_WithSlots;
declare const _default: typeof __VLS_export;
export default _default;
type __VLS_WithSlots = T & {
new (): {
$slots: S;
};
};