import { Component, h, Method, Prop } from "@stencil/core";
export class IntergiroCardInput {
  constructor() {
    this.state = "created";
  }
  async submit(input, error) {
    return this.element.submit(input, error);
  }
  render() {
    return (h("payfunc-card-input", { apiKey: this.apiKey, state: this.state, value: this.value, cosmetic: this.cosmetic, ref: (element) => (this.element = element) }));
  }
  static get is() { return "intergiro-card-input"; }
  static get encapsulation() { return "scoped"; }
  static get originalStyleUrls() { return {
    "$": ["style.css"]
  }; }
  static get styleUrls() { return {
    "$": ["style.css"]
  }; }
  static get properties() { return {
    "apiKey": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "api-key",
      "reflect": false
    },
    "state": {
      "type": "string",
      "mutable": true,
      "complexType": {
        "original": "\"failed\" | \"succeeded\" | \"processing\" | \"created\"",
        "resolved": "\"created\" | \"failed\" | \"processing\" | \"succeeded\"",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "state",
      "reflect": true,
      "defaultValue": "\"created\""
    },
    "value": {
      "type": "string",
      "mutable": true,
      "complexType": {
        "original": "Token",
        "resolved": "string | undefined",
        "references": {
          "Token": {
            "location": "import",
            "path": "authly"
          }
        }
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "value",
      "reflect": false
    },
    "cosmetic": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "| string\n\t\t| {\n\t\t\t\ttext?: { background?: string; color?: string }\n\t\t\t\tlineColor?: string\n\t\t\t\tfontFamily?: string\n\t\t\t\tdangerColor?: string\n\t\t  }",
        "resolved": "string | undefined | { text?: { background?: string | undefined; color?: string | undefined; } | undefined; lineColor?: string | undefined; fontFamily?: string | undefined; dangerColor?: string | undefined; }",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "cosmetic",
      "reflect": false
    }
  }; }
  static get methods() { return {
    "submit": {
      "complexType": {
        "signature": "(input: Token | undefined, error?: Error | undefined) => Promise<Token | Error | undefined>",
        "parameters": [{
            "tags": [],
            "text": ""
          }, {
            "tags": [],
            "text": ""
          }],
        "references": {
          "Promise": {
            "location": "global"
          },
          "Error": {
            "location": "import",
            "path": "gracely"
          },
          "Token": {
            "location": "import",
            "path": "authly"
          }
        },
        "return": "Promise<string | Error | undefined>"
      },
      "docs": {
        "text": "",
        "tags": []
      }
    }
  }; }
}
