import { LuxenElement } from '../../shared/luxen-element.js';
export type ButtonGroupOrientation = 'horizontal' | 'vertical';
/**
 * @summary Visually joins related `.l-button` elements into a single segmented
 * control. The joined appearance is pure CSS; this element adds the group
 * semantics (`role="group"`, `aria-label`).
 *
 * @example
 * ```html
 * <l-button-group label="Alignment">
 *   <button class="l-button">Left</button>
 *   <button class="l-button">Center</button>
 *   <button class="l-button">Right</button>
 * </l-button-group>
 * ```
 *
 * @customElement l-button-group
 */
export declare class ButtonGroup extends LuxenElement {
    createRenderRoot(): this;
    /** Accessible label announced for the group. Not displayed on screen. */
    label?: string;
    /**
     * Layout direction of the buttons. Visual only (drives the CSS via the
     * reflected attribute): ARIA 1.2 does not allow `aria-orientation` on
     * `role="group"`, so no ARIA attribute is set.
     */
    orientation: ButtonGroupOrientation;
    connectedCallback(): void;
    updated(changed: Map<string, unknown>): void;
}
//# sourceMappingURL=button-group.d.ts.map