import { Component, h, Prop } from "@stencil/core";
export class IntergiroMerchantDetails {
  constructor() {
    this.opened = "";
  }
  render() {
    let result;
    switch (this.opened) {
      case "number":
        result = (h("ig-number-details", { number: this.merchant.number, identifier: this.merchant.id, reference: this.merchant.reference }));
        break;
      case "information":
        result = h("ig-merchant-information", { merchant: this.merchant });
        break;
      case "settlement":
        result = h("ig-merchant-settlement", { merchant: this.merchant });
        break;
      case "rules":
        result = h("ig-merchant-rules", { merchant: this.merchant });
        break;
      default:
        return "";
    }
    return h("td", { colSpan: 5 }, result);
  }
  static get is() { return "ig-merchant-details"; }
  static get encapsulation() { return "scoped"; }
  static get originalStyleUrls() { return {
    "$": ["style.css"]
  }; }
  static get styleUrls() { return {
    "$": ["style.css"]
  }; }
  static get properties() { return {
    "opened": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "\"\" | \"number\" | \"information\" | \"settlement\" | \"rules\"",
        "resolved": "\"\" | \"information\" | \"number\" | \"rules\" | \"settlement\"",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "opened",
      "reflect": false,
      "defaultValue": "\"\""
    },
    "merchant": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "Merchant",
        "resolved": "Merchant",
        "references": {
          "Merchant": {
            "location": "import",
            "path": "@payfunc/model-acquirer"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      }
    }
  }; }
}
