import * as i0 from '@angular/core';
import { ElementRef, NgZone } from '@angular/core';
import SynButtonGroup from '@synergy-design-system/components/components/button-group/button-group.component.js';

/**
 * @summary Button groups can be used to group related buttons into sections.
 * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-button-group--docs
 * @status stable
 * @since 3.1.0
 *
 * @slot - One or more `<syn-button>` elements to display in the button group.
 *
 * @csspart base - The component's base wrapper.
 */
declare class SynButtonGroupComponent {
    nativeElement: SynButtonGroup;
    private _ngZone;
    constructor(e: ElementRef, ngZone: NgZone);
    /**
  * A label to use for the button group.
  * This won't be displayed on the screen, but it will be announced by assistive
  devices when interacting with the control and is strongly recommended.
   */
    set label(v: SynButtonGroup['label']);
    get label(): SynButtonGroup['label'];
    /**
     * The button-groups size.
     * This affects all buttons within the group.
     */
    set size(v: SynButtonGroup['size']);
    get size(): SynButtonGroup['size'];
    /**
     * The button-group's theme variant.
     * This affects all buttons within the group.
     */
    set variant(v: SynButtonGroup['variant']);
    get variant(): SynButtonGroup['variant'];
    static ɵfac: i0.ɵɵFactoryDeclaration<SynButtonGroupComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SynButtonGroupComponent, "syn-button-group", never, { "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
}

export { SynButtonGroupComponent };