import { DemoData } from "../../global/demo";
import { BigStatViewProps } from "./sqm-big-stat-view";
/**
 *
 * @uiName User Stat
 * @validParents ["sqm-stat-container"]
 * @validChildren ["p","div","h1","h2","h3","h4","h5","span"]
 * @slots [{"name":"","title":"Stat Text"}]
 * @uiOrder ["statType", "programId", "*"]
 * @slotEditor richText
 * @exampleGroup Statistics
 * @example Points Balance - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global"><p>Points Balance</p></sqm-big-stat>
 * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"><p>Giftcards Earned</p></sqm-big-stat>
 * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><p>Referrals</p></sqm-big-stat>
 * @example Other Stat - <sqm-big-stat flex-reverse="true" alignment="left" stat-type=""><p>Label</p></sqm-big-stat>
 * @csspart stat-wrapper - The stat wrapper element
 * @csspart stat-value - The stat value element
 * @csspart stat-description - The stat description element
 */
export declare class BigStat {
  /**
   * Select what type of stat to display. Manual paths are also supported.
   *
   * @uiWidget statTypeSelectWidget
   * @uiName Stat type
   * @required
   * @uiWidgetOptions {"version": 1.1}
   */
  statType: string;
  /**
   * Controls the order of the stat value & description column
   *
   * @uiName Flex reverse
   * @default
   * @uiGroup Additional Settings
   */
  flexReverse?: boolean;
  /**
   * Controls the alignment of the flexbox
   *
   * @uiName Alignment
   * @uiType string
   * @uiEnum ["left", "right", "center"]
   * @uiEnumNames ["Left", "Right", "Center"]
   * @uiGroup Additional Settings
   */
  alignment?: "left" | "right" | "center";
  /**
   * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
   *
   * @uiName Program ID
   * @uiWidget programSelector
   * @uiGroup Additional Settings
   */
  programId?: string;
  /**
   * Color of the stat text
   * @uiName Stat text color
   * @uiWidget color
   * @uiType string
   * @format color
   * @uiGroup Additional Settings
   */
  statTextColor?: string;
  /**
   * Font size of the stat text in pixels
   * @uiName Stat font size
   * @uiType string
   * @uiGroup Additional Settings
   */
  statFontSize?: number;
  /**
   * Font weight of the stat text
   * @uiName Stat font weight
   * @uiGroup Additional Settings
   * @uiEnum [100, 200, 300, 400, 500, 600, 700, 800, 900]
   * @uiEnumNames ["Thin", "Extra Light", "Light", "Normal", "Medium", "Semi Bold", "Bold", "Extra Bold", "Heavy"]
   */
  statFontWeight?: number;
  /**
   * Color of the description text
   * @uiName Description text color
   * @uiWidget color
   * @uiType string
   * @format color
   * @uiGroup Additional Settings
   */
  descriptionTextColor?: string;
  /**
   * Font size of the description text in pixels
   * @uiName Description font size
   * @uiGroup Additional Settings
   */
  descriptionFontSize?: number;
  /**
   * @undocumented
   * @uiType object
   */
  demoData?: DemoData<BigStatViewProps>;
  ignored: boolean;
  constructor();
  disconnectedCallback(): void;
  render(): any;
}