import { BaseDirective } from '../directive';
/**
 * Async directive that tracks a Promise and renders the matching
 * `<template>` branch — pending, resolved, or rejected.
 *
 * Usage:
 * ```html
 * <div #async=${this.userPromise}>
 *   <template pending>
 *     <p>Loading…</p>
 *   </template>
 *   <template resolved>
 *     <p>User loaded!</p>
 *   </template>
 *   <template rejected>
 *     <p>Something went wrong</p>
 *   </template>
 * </div>
 * ```
 *
 * The directive scans child `<template>` elements for the `pending`,
 * `resolved`, and `rejected` attributes — exactly like `#switch` scans
 * for `case` / `default`.
 */
export declare class AsyncDirective extends BaseDirective {
    private pendingTemplate;
    private resolvedTemplate;
    private rejectedTemplate;
    private activeTemplate;
    private currentPromise;
    private generation;
    mount(element: Element): void;
    update(value: unknown): void;
    unmount(): void;
    private showTemplate;
    private clearRendered;
}
export type AsyncDirectiveConfig = never;
//# sourceMappingURL=async.directive.d.ts.map