import { LitElement } from "lit";
import "../icon/icon.js";
export type AlertVariants = "negative" | "positive" | "warning" | "info";
/**
 * Alert is an inline component used for displaying different types of messages.
 *
 * [Warp component reference](https://warp-ds.github.io/docs/components/alert/frameworks/elements)
 */
declare class WarpAlert extends LitElement {
    private _internals;
    /**
     * @summary Visual style of the alert.
     *
     * @description Controls both the color treatment and icon used by the component. Accepted values are `info`, `warning`, `positive`, and `negative`. Use the variant that matches the message severity so users can quickly distinguish informative messages from warnings, errors, and confirmations.
     */
    variant: AlertVariants;
    /**
     * @summary Whether the alert is visible.
     *
     * @description Alerts are hidden by default (`false`). Set this to `true` to render and expand the content. This is reflected as an attribute, so visibility can be controlled from markup (`show`) or from JavaScript (`element.show = true`).
     */
    show: boolean;
    /**
     * @summary ARIA role announced to assistive technology.
     *
     * @description Defaults to `alert` so urgent changes are announced by screen readers. Override this only when your use case requires a different announcement behavior, for example a less assertive live region strategy.
     */
    role: string;
    constructor();
    connectedCallback(): void;
    /** @internal */
    get _wrapperClasses(): string;
    /** @internal */
    get _iconClasses(): string;
    static styles: import("lit").CSSResult[];
    /** @internal */
    get _icon(): "" | import("lit").TemplateResult<1>;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "w-alert": WarpAlert;
    }
}
export { WarpAlert };