import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
import { LuzmoElement } from '../../utils/base';
import { RovingTabindexController } from '../../utils/reactive-controllers/roving-tabindex';
import { LuzmoActionButton } from '../action-button';
declare const LuzmoActionGroup_base: typeof LuzmoElement & {
    new (...args: any[]): import("../..").SizedElementInterface;
    prototype: import("../..").SizedElementInterface;
};
/**
 * @element luzmo-action-group
 * @slot - the luzmo-action-button elements that make up the group
 *
 * @fires change - Announces that selection state has been changed by user
 */
export declare class LuzmoActionGroup extends LuzmoActionGroup_base {
    static get styles(): CSSResultArray;
    set buttons(buttons: LuzmoActionButton[]);
    get buttons(): LuzmoActionButton[];
    _buttons: LuzmoActionButton[];
    protected _buttonSelector: string;
    constructor();
    rovingTabindexController: RovingTabindexController<LuzmoActionButton>;
    compact: boolean;
    emphasized: boolean;
    justified: boolean;
    label: string;
    quiet: boolean;
    selects: undefined | 'single' | 'multiple';
    staticColor?: 'white' | 'black';
    vertical: boolean;
    private _selected;
    set selected(selected: string[]);
    get selected(): string[];
    slotElement: HTMLSlotElement;
    private dispatchChange;
    private setSelected;
    focus(options?: FocusOptions): void;
    private deselectSelectedButtons;
    private handleActionButtonChange;
    private handleClick;
    private applySelects;
    private manageSelects;
    protected render(): TemplateResult;
    protected firstUpdated(changes: PropertyValues): void;
    protected updated(changes: PropertyValues): void;
    private manageChildren;
    private hasManaged;
    private manageButtons;
}
export {};