import { LitElement } from 'lit';
/** Variante de color de una barra del embudo. */
export type OkFunnelColor = 'brand' | 'leaf' | 'warn' | 'mute';
/** Un paso/etapa del embudo de conversión. */
export interface OkFunnelStep {
    /** Etiqueta visible dentro de la barra. */
    label: string;
    /** Valor absoluto de la etapa (usado para anchura y meta). */
    value: number;
    /** Variante de color opcional. */
    color?: OkFunnelColor;
}
export declare class OkFunnel extends LitElement {
    static styles: import("lit").CSSResult;
    /** Pasos del embudo (de mayor a menor por convención). */
    steps: OkFunnelStep[];
    /** Locale para formatear números (default: del navegador). */
    locale?: string;
    /** Anchura mínima de barra en % para que la etiqueta siga siendo legible. */
    minWidth: number;
    /** Formatea un número absoluto con separadores de miles. */
    private fmtCount;
    /** Formatea un porcentaje con un decimal. */
    private fmtPct;
    render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        'ok-funnel': OkFunnel;
    }
}