import { EventEmitter } from "../../stencil-public-runtime";
import { Error } from "gracely";
import * as langly from "langly";
import "smoothly";
import { Notice, Trigger } from "smoothly";
import { Customer, ErrorMessage, Key } from "@payfunc/model";
export declare class OnboardForm {
  apiKey: string;
  customer: Customer | undefined;
  number: string | undefined;
  merchant?: Key;
  responseTimer?: number;
  cosmetic?: string | {
    header?: {
      background?: string;
      color?: string;
    };
    text?: {
      background?: string;
      color?: string;
    };
    lineColor?: string;
    submit?: {
      background?: string;
      color?: string;
    };
    fontFamily?: string;
    dangerColor?: string;
  };
  hostElement: HTMLElement;
  private element;
  t: langly.Translate;
  errorMessage: ErrorMessage;
  notice: EventEmitter<Notice>;
  processing: boolean;
  createCustomer: EventEmitter<Customer>;
  private card?;
  private paymentMethods;
  private submitElement?;
  private email;
  private phone;
  private name;
  private id;
  componentWillLoad(): Promise<void>;
  onUpdatedNotice(startProcessing: boolean): void;
  TriggerListener(event: CustomEvent<Trigger>): void;
  private findInputFields;
  submit(event: CustomEvent): Promise<Customer | Error | undefined>;
  private submitHelper;
  private getClientData;
  legacyOutput(): boolean;
  componentDidRender(): void;
  getCustomCssVariables(): Record<string, string>;
  render(): any;
}
