import { LitElement } from "lit";
import type { ToastInternal, ToastOptions } from "../toast/types.js";
/**
 * You should probably not include this component in HTML markup.
 *
 * As long as the element definition is imported in your application you can use the toast JS API to create toasts.
 *
 * ```js
 * import from '@warp-ds/elements/components/toast';
 * import { toast, removeToast, updateToast } from '@warp-ds/elements/toast';
 * ```
 *
 * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-toast--docs)
 *
 * @internal
 */
export declare class WarpToastContainer extends LitElement {
    static styles: import("lit").CSSResult[];
    private _toasts;
    private _interval;
    connectedCallback(): void;
    disconnectedCallback(): void;
    static init(): WarpToastContainer;
    /** @internal */
    get _toastsArray(): ToastInternal[];
    get(id: string | number): ToastInternal | undefined;
    set(toast: ToastOptions): Map<string | number, ToastInternal>;
    del(id: string | number): Promise<boolean>;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "w-toast-container": WarpToastContainer;
    }
}