import { LitElement } from "lit";
import "../icon/icon.js";
import type { ToastType } from "./types";
export { removeToast, toast, updateToast } from "./api.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 WarpToast extends LitElement {
    #private;
    static styles: import("lit").CSSResult[];
    id: string;
    type: ToastType;
    text: string;
    canclose: boolean;
    private _expanded;
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    updated(): void;
    /** @internal */
    get _wrapper(): HTMLElement | null;
    /** @internal */
    get _warning(): boolean;
    /** @internal */
    get _error(): boolean;
    /** @internal */
    get _role(): "alert" | "status";
    /** @internal */
    get _typeLabel(): string;
    /** @internal */
    get _iconMarkup(): import("lit").TemplateResult<1>;
    collapse(): Promise<void>;
    close(): void;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "w-toast": WarpToast;
    }
}