import { LitElement } from 'lit';
/** Un segmento del donut. */
export interface OkDonutSlice {
    /** Nombre del segmento (se muestra en la leyenda). */
    label: string;
    /** Valor numérico; el porcentaje se calcula sobre el total. */
    value: number;
    /** Color del segmento; si falta, cae a la paleta por defecto por índice. */
    color?: string;
}
export declare class OkDonut extends LitElement {
    static styles: import("lit").CSSResult;
    /** Segmentos a representar. Se aporta asignando la propiedad desde JS. */
    slices: OkDonutSlice[];
    /** Diámetro del SVG en px. */
    size: number;
    /** Grosor del anillo en px; 0 ⇒ pie macizo. */
    thickness: number;
    /** Texto en mayúsculas bajo el valor central. */
    centerLabel: string;
    /** Valor grande central; si está vacío no se pinta texto central. */
    centerValue: string;
    /** Muestra la leyenda. */
    legend: boolean;
    /** Posición de la leyenda. */
    legendSide: 'side' | 'bottom';
    private get total();
    private colorAt;
    private pct;
    private renderChart;
    private renderLegend;
    render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        'ok-donut': OkDonut;
    }
}