import { LitElement } from 'lit';
import { BpTypeElement } from '@blueprintui/components/internals';
/**
 * ```typescript
 * import '@blueprintui/components/include/badge.js';
 * ```
 *
 * ```html
 * <bp-badge status="warning">2</bp-badge>
 * ```
 *
 * @summary The badge component is used to display a small amount of information, such as a count or status, in a compact and visually distinct way. It is often used to display notifications or unread messages.
 * @element bp-badge
 * @since 1.0.0
 * @docs https://blueprintui.dev/docs/components/badge
 * @slot - badge content
 * @cssprop --background
 * @cssprop --color
 * @cssprop --font-size
 * @cssprop --width
 * @cssprop --height
 * @cssprop --min-width
 * @cssprop --min-height
 * @cssprop --border-radius
 * @cssprop --padding
 */
export declare class BpBadge extends LitElement implements Pick<BpTypeElement, keyof BpBadge> {
    static styles: CSSStyleSheet[];
    /** Defines the visual status type of the badge, affecting its color and semantic meaning */
    accessor status: 'accent' | 'success' | 'warning' | 'danger';
    _internals: ElementInternals;
    render(): import("lit").TemplateResult<1>;
    connectedCallback(): void;
}