import { AsyncDirective } from 'lit/async-directive.js';
import { DirectiveResult } from 'lit/directive.js';
/**
 * Usage:
 *    import { html, render } from 'lit-html';
 *    import { spread } from '@open-wc/lit-helpers';
 *
 *    render(
 *      html`
 *        <div
 *          ${spread({
 *            'my-attribute': 'foo',
 *            '?my-boolean-attribute': true,
 *            '.myProperty': { foo: 'bar' },
 *            '@my-event': () => console.log('my-event fired'),
 *          })}
 *        ></div>
 *      `,
 *      document.body,
 *    );
 */
declare class SpreadDirective extends AsyncDirective {
    host: EventTarget;
    element: Element;
    prevData: {
        [key: string]: unknown;
    };
    render(spreadData: {
        [key: string]: unknown;
    }): symbol;
    update(part: any, [spreadData]: Parameters<this['render']>): void;
    apply(data: {
        [key: string]: unknown;
    }): void;
    groom(data: {
        [key: string]: unknown;
    }): void;
    handleEvent(event: Event): void;
    disconnected(): void;
    reconnected(): void;
}
export declare const spread: (spreadData: {
    [key: string]: unknown;
}) => DirectiveResult<typeof SpreadDirective>;
export {};