import type { IElementRef } from '@melodicdev/core';
import type { BadgeVariant } from '../badge/badge.types.js';
type BadgeGroupTheme = 'pill' | 'modern';
type BadgePosition = 'leading' | 'trailing';
/**
 * ml-badge-group - Compound badge pairing a label badge with descriptive text
 *
 * @example
 * ```html
 * <ml-badge-group label="New" variant="primary">We've just released a new feature</ml-badge-group>
 * <ml-badge-group label="Release" variant="success" icon="arrow-right">Check out the latest updates</ml-badge-group>
 * <ml-badge-group label="v2.0" variant="primary" badge-position="trailing">Latest release</ml-badge-group>
 * ```
 *
 * @slot default - Message text content
 */
export declare class BadgeGroupComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Inner badge label text */
    label: string;
    /** Color variant */
    variant: BadgeVariant;
    /** Visual theme */
    theme: BadgeGroupTheme;
    /** Size */
    size: 'sm' | 'md' | 'lg';
    /** Position of the inner badge */
    badgePosition: BadgePosition;
    /** Optional trailing icon name */
    icon: string;
}
export {};
//# sourceMappingURL=badge-group.component.d.ts.map