import { type Readable } from '@vielzeug/ripple';
import { type DirectiveResult, type HTMLResult } from '../template/result';
type MaybeReactive<T> = T | (() => T) | Readable<T>;
type WhenRenderable = HTMLResult | null | undefined | false;
/**
 * Conditionally renders one of two branches as a `DirectiveResult`.
 *
 * The condition may be a boolean, signal, or getter function.
 * When the condition changes, the current branch is cleaned up and
 * the new branch is mounted in its place.
 *
 * @example
 * ```ts
 * html`${when(isLoggedIn, () => html`<p>Welcome</p>`, () => html`<p>Log in</p>`)}`
 * ```
 */
export declare function when(condition: MaybeReactive<boolean>, truthy: () => WhenRenderable, falsy?: () => WhenRenderable): DirectiveResult;
export {};
//# sourceMappingURL=when.d.ts.map