import * as i0 from '@angular/core';

/**
 * Action bar with three named zones — `[wrToolbarStart]`,
 * `[wrToolbarCenter]`, `[wrToolbarEnd]`. Use any one or all three.
 *
 * @example
 * ```html
 * <wr-toolbar>
 *   <div wrToolbarStart>
 *     <button wrButton>Back</button>
 *     <strong>Items</strong>
 *   </div>
 *   <div wrToolbarCenter>
 *     <wr-segmented [(value)]="view" [options]="['grid', 'list']" />
 *   </div>
 *   <div wrToolbarEnd>
 *     <button wrButton color="primary">New</button>
 *   </div>
 * </wr-toolbar>
 * ```
 *
 * @see https://ngwr.dev/components/toolbar
 */
declare class WrToolbar {
    /**
     * Stack the zones vertically when the toolbar's own box is too narrow to fit
     * them in a row (a container query on its own width, not the viewport — so it
     * adapts inside a narrow column or split pane). @default false
     */
    readonly responsive: i0.InputSignalWithTransform<boolean, any>;
    static ɵfac: i0.ɵɵFactoryDeclaration<WrToolbar, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WrToolbar, "wr-toolbar", never, { "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, ["[wrToolbarStart]", "[wrToolbarCenter]", "[wrToolbarEnd]"], true, never>;
}

export { WrToolbar };