import { VNode } from "../../stencil-public-runtime";
import { ExchangeItem, ExchangeStep, Stages } from "./useRewardExchangeList";
declare type TextContent = {
  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: VNode;
};
export declare type RewardExchangeViewProps = {
  states: {
    selectedItem: ExchangeItem;
    selectedStep: ExchangeStep;
    redeemStage: string;
    amount: number;
    exchangeError: boolean;
    queryError: boolean;
    loading: boolean;
    open: boolean;
    noExchangeOptions: boolean;
    content: {
      text: TextContent;
    };
  };
  data: {
    exchangeList: any;
    fuelTankCode?: string;
  };
  callbacks: {
    exchangeReward: (e: unknown) => unknown;
    setStage: (stage?: Stages) => void;
    resetState: (refresh?: boolean) => void;
    setExchangeState: Function;
    copyFuelTankCode: () => void;
  };
  refs?: {
    canvasRef: any;
  };
};
export declare function RewardExchangeView(props: RewardExchangeViewProps): any;
export {};
