/**
 * @uiName Program Explainer
 * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqb-program-section","sqb-conditional-section"]
 * @validChildren ["sqm-program-explainer-step"]
 * @exampleGroup Common Components
 * @slots [{"name":"", "title":"Explainer", "validChildren":["sqm-program-explainer-step"]}]
 * @example Program Explainer - <sqm-program-explainer header="How it works"><sqm-program-explainer-step description="Explore and use our product while earning points in the process!" header="Earn points" icon="cash-stack"></sqm-program-explainer-step><sqm-program-explainer-step description="Use your points and redeem rewards like one free month of Enterprise or a visa giftcard" header="Redeem rewards" icon="people"></sqm-program-explainer-step></sqm-program-explainer>
 * @csspart sqm-base - The base container for the program explainer
 * @csspart sqm-header - The header element
 * @csspart sqm-grid-container - The grid container element
 */
export declare class ProgramExplainer {
  ignored: boolean;
  /**
   * @uiName Header text
   */
  header: string;
  /**
   * @uiName Header text color
   * @uiWidget color
   * @format color
   */
  textColor: string;
  /**
   * @uiName Header background color
   * @uiWidget color
   * @format color
   */
  backgroundColor: string;
  constructor();
  disconnectedCallback(): void;
  render(): any;
}