import { ExchangeItem } from "./useRewardExchangeList";
export declare const rewardExchange: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const demoRewardExchange: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const rewardExchangeLongText: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const rewardExchangeCustomErrorMsg: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const rewardExchangeSelected: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const chooseAmountVariable: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const chooseAmountVariableNoDescription: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const chooseAmountVariableDisabled: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const chooseAmountVariableUnavailable: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const chooseAmountFixed: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const chooseAmountFixedNoDescription: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const confirmFixed: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const confirmVariable: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const redemptionError: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const queryError: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const success: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const successVariable: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const loading: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare const empty: {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: import("./useRewardExchangeList").ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: {
        notAvailableError: string;
        chooseRewardTitle: string;
        chooseAmountTitle: string;
        confirmationTitle: string;
        rewardTitle: string;
        cancelText: string;
        backText: string;
        continueText: string;
        continueToConfirmationText: string;
        redeemText: string;
        redeemTitle: string;
        redemptionSuccessText: string;
        sourceAmountMessage: string;
        tooltipText: string;
        doneText: string;
        selectText: string;
        redemptionError: string;
        notEnoughError: string;
        queryError: string;
        promoCode: string;
        skeletonCardNum: number;
        rewardNameTitle: string;
        rewardAmountTitle: string;
        rewardRedeemedText: string;
        costTitle: string;
        empty: import("@stencil/core").VNode;
      };
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: import("./useRewardExchangeList").Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
