import { FRoot } from "../../mixins/components/f-root/f-root";
export type FCounterStateProp = "primary" | "success" | "warning" | "danger" | "neutral" | "inherit" | `custom, ${string}`;
export declare class FCounter extends FRoot {
    /**
     * css loaded from scss file
     */
    static styles: import("lit").CSSResult[];
    /**
     * @attribute local state for managing custom fill.
     */
    fill: string;
    /**
     * @attribute category of COUNTER
     */
    category?: "fill" | "outline" | "transparent";
    /**
     * @attribute A counter label denotes the numeric count of the entity associated with it
     */
    label: number;
    /**
     * @attribute The medium size is the default.
     */
    size?: "large" | "medium" | "small";
    /**
     * @attribute The state of a counter helps in indicating the degree of emphasis of the parent component. The counter component inherits the state from the parent component. By default it is subtle.
     */
    state?: FCounterStateProp;
    /**
     * @attribute Loader icon replaces the content of the counter .
     */
    loading?: boolean;
    /**
     * @attribute The disabled attribute can be set to keep a user from clicking on the counter.
     */
    disabled?: boolean;
    /**
     * mention required fields here
     */
    readonly required: string[];
    validateProperties(): void;
    get computedLabel(): string | number;
    abbrNum(number: number, decPlaces: number): string;
    /**
     * compute textColor when custom color of tag is defined.
     */
    get textColor(): "#202a36" | "#fcfcfd";
    /**
     * compute loaderColor when custom color of tag is defined.
     */
    get loaderColor(): "#808080" | "#202a36";
    /**
     * apply inline styles to shadow-dom for custom fill.
     */
    applyStyles(): string;
    render(): import("lit-html").TemplateResult<1>;
}
/**
 * Required for typescript
 */
declare global {
    interface HTMLElementTagNameMap {
        "f-counter": FCounter;
    }
}