import { LitElement } from 'lit';
/**
 * Badge element, showing a small badge on the slotted element
 * See [docs](https://pyrojs.com/el/avatar)
 *
 * ```html
 * <pyro-badge label="3">
 *   Notifications
 * </pyro-badge>
 * ```
 *
 * @tag pyro-badge
 *
 * @slot - One/two letter, overrides label prop
 *
 * @cssprop [--pyro-badge-text-color=var(--pyro-text-color)] - `color`
 * @cssprop [--pyro-badge-accent-color=var(--pyro-accent-color)] - `background`
 * @cssprop [--pyro-badge-font-size=calc(var(--pyro-badge-height, 1.5em) / 2)] - `font-size`
 * @cssprop [--pyro-badge-height=1.5em] - `height`
 *
 */
export declare class PyroBadge extends LitElement {
    static styles: import('lit').CSSResult;
    /** Label */
    label?: string;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-badge': PyroBadge;
    }
}