import { LitElement } from "lit";
/**
 * `w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.
 *
 * @slot - The content of the badge, which is typically a short string like "New" or "4".
 */
declare class WarpBadge extends LitElement {
    /**
     * Controls the badge color treatment.
     * If omitted, the badge uses neutral styling without reflecting a `variant` attribute.
     * Accepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.
     */
    variant: "neutral" | "info" | "positive" | "warning" | "negative" | "disabled" | "price" | "sponsored" | undefined;
    /**
     * Positions the badge in a corner of a parent element.
     * Use this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.
     * Use this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.
     */
    position: "top-left" | "top-right" | "bottom-right" | "bottom-left" | undefined;
    static styles: import("lit").CSSResult[];
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "w-badge": WarpBadge;
    }
}
export { WarpBadge };