'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-0b1e2673.js');

const styleCss = ".sc-payfunc-payment-method-add-h{width:30%}@media only screen and (min-width: 1000px){h1.sc-payfunc-payment-method-add{visibility:visible}}@media only screen and (max-width: 1000px){h1.sc-payfunc-payment-method-add{display:none}}";

const PayfuncMethodAdd = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.add = index.createEvent(this, "add", 7);
  }
  submit(event) {
    event.preventDefault();
    this.add.emit(event.detail.method);
  }
  render() {
    return [
      index.h("payfunc-onboard", { account: this.account, onCreate: (event) => this.submit(event), "api-key": this.apiKey }),
    ];
  }
};
PayfuncMethodAdd.style = styleCss;

exports.payfunc_payment_method_add = PayfuncMethodAdd;
