import { LitElement } from 'lit';
/**
 * Progresscircle element
 * [docs](https://pyrojs.com/el/progresscircle)
 *
 * ```html
 * <pyro-progresscircle value="4" max="100" text="4%"></pyro-progresscircle>
 * ```
 *
 * @tag pyro-progresscircle
 *
 * @slot text - Optional content in middle
 *
 * @cssprop [--pyro-progresscircle-accent-color=var(--pyro-accent-color)] - value `background`
 * @cssprop [--pyro-progresscircle-background=var(--pyro-surface-color)] - background `background`
 * @cssprop [--pyro-progresscircle-text-color=var(--pyro-text-color-on-surface)] - text `color`
 * @cssprop [--pyro-progresscircle-height=1em] - `height`
 *
 */
export declare class PyroProgresscircle extends LitElement {
    static styles: import('lit').CSSResult;
    /** Current value */
    value: number;
    /** Max value */
    max: number;
    /** Text in the middle of the progresscircle */
    text?: string;
    'aria-label'?: string;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-progresscircle': PyroProgresscircle;
    }
}
