import { LitElement } from 'lit';
import '@warp-ds/icons/elements/warning-16';
import '@warp-ds/icons/elements/error-16';
import '@warp-ds/icons/elements/success-16';
import '@warp-ds/icons/elements/close-16';
import type { ToastType } from './types';
/**
 * 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;
    /** @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>;
}
