import { EventEmitter } from "../../stencil-public-runtime";
/**
 * @uiName Stat Component
 * @canvasRenderer always-replace
 * @exampleGroup Statistics
 * @example Referral Count - <sqh-stat-component ishidden="false" statcolor="#4caf50" stattype="/referralsCount" statdescription="Friends Referred" paddingtop="10" paddingbottom="10"></sqh-stat-component>
 * @example Reward Count - <sqh-stat-component ishidden="false" stattype="/rewardsCount" statdescription="Total Rewards" paddingtop="10" paddingbottom="10" statcolor="#000000"></sqh-stat-component>
 * @example Points Earned - <sqh-stat-component statcolor="#000000" stattype="/rewardBalance/CREDIT/POINT/totalAssignedCredit" statdescription="Points Earned" paddingtop="10" paddingbottom="10"></sqh-stat-component>
 */
export declare class StatComponent {
    elem: HTMLElement;
    /**
     * @undocumented
     * @uiName Hide Component
     */
    ishidden: boolean;
    /**
     * Type of stat being displayed. e.g /rewardsCount
     * @uiName Stat Type
     * @uiWidget statTypeSelectWidget
     * @required
     * @minLength 1
     */
    stattype: string;
    /**
     * @undocumented
     * @uiName Stat Value
     */
    statvalue: string;
    /**
     * Text shown underneath the stat value
     *
     * @uiName Description
     */
    statdescription: string;
    /**
     * @uiName Color
     * @uiWidget color
     */
    statcolor: string;
    statTypeUpdated: EventEmitter;
    statAdded: EventEmitter;
    componentWillLoad(): void;
    stattypeHandler(newValue: string, oldValue: string): void;
    statAddedHandler(stat: HTMLElement): void;
    statTypeUpdatedHandler(stat: HTMLElement): void;
    render(): any;
}