import * as _angular_core from '@angular/core';
import { WrIconName } from 'ngwr/icon';

/** Per-button action shown when the dial expands. */
interface WrSpeedDialAction {
    readonly id: string;
    readonly label: string;
    readonly icon?: WrIconName;
}
/** Direction the action buttons fan out. */
type WrSpeedDialDirection = 'up' | 'down' | 'left' | 'right';

/**
 * Floating action button that expands into a fan of secondary actions on
 * click / hover. Place inside a positioned container or near `position: fixed`
 * — the component itself doesn't pin to the viewport.
 *
 * @example
 * ```html
 * <wr-speed-dial
 *   [actions]="[
 *     { id: 'new', label: 'New', icon: 'add' },
 *     { id: 'edit', label: 'Edit', icon: 'cog' }
 *   ]"
 *   (pick)="onPick($event)"
 * />
 * ```
 *
 * @see https://ngwr.dev/components/speed-dial
 */
declare class WrSpeedDial {
    readonly actions: _angular_core.InputSignal<readonly WrSpeedDialAction[]>;
    /** Direction the actions fan out. @default 'up' */
    readonly direction: _angular_core.InputSignal<WrSpeedDialDirection>;
    /** Two-way bindable open state. @default false */
    readonly open: _angular_core.ModelSignal<boolean>;
    /** Icon for the main trigger button. @default 'add' */
    readonly icon: _angular_core.InputSignal<string>;
    /** Disable interaction. @default false */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Fires when the user picks one of the actions. */
    readonly pick: _angular_core.OutputEmitterRef<WrSpeedDialAction>;
    protected readonly classes: _angular_core.Signal<string>;
    protected onTrigger(): void;
    protected onPick(action: WrSpeedDialAction): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSpeedDial, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSpeedDial, "wr-speed-dial", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "pick": "pick"; }, never, never, true, never>;
}

export { WrSpeedDial };
export type { WrSpeedDialAction, WrSpeedDialDirection };