import { LitElement } from 'lit';

/**
 * Container component for grouping multiple Avatar components
 *
 * @slot - Default slot for avatar elements
 * @csspart ag-avatar-group - The main avatar group container element
 *
 * @example
 * ```html
 * <ag-avatar-group>
 *   <ag-avatar text="AB" variant="info" size="lg"></ag-avatar>
 *   <ag-avatar text="RL" variant="info" size="lg"></ag-avatar>
 *   <ag-avatar img-src="..." size="lg"></ag-avatar>
 * </ag-avatar-group>
 * ```
 *
 * Note: To add borders for visual separation when avatars overlap, style the
 * avatar's internal parts using CSS:
 * ```css
 * ag-avatar-group ag-avatar::part(ag-avatar) {
 *   border: 2px solid white;
 * }
 * ```
 */
export declare class AvatarGroup extends LitElement {
    static styles: import('lit').CSSResult;
    render(): import('lit').TemplateResult<1>;
}
//# sourceMappingURL=AvatarGroup.d.ts.map