import { Component, Element, h, Prop, State } from "@stencil/core";
import "smoothly";
import * as translation from "./translation";
export class IntergiroRedo {
  componentWillLoad() {
    this.t = translation.create(this.element);
  }
  render() {
    const t = this.t;
    return [
      h("header", null,
        h("h2", null, t("Order creation failed"))),
      h("p", null, t("Retry order creation from the start in order to proceed.")),
    ];
  }
  static get is() { return "ig-redo"; }
  static get originalStyleUrls() { return {
    "$": ["style.css"]
  }; }
  static get styleUrls() { return {
    "$": ["style.css"]
  }; }
  static get properties() { return {
    "payment": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string | undefined",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "payment",
      "reflect": false
    },
    "merchant": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string | undefined",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "merchant",
      "reflect": false
    },
    "url": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string | undefined",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "url",
      "reflect": false
    }
  }; }
  static get states() { return {
    "t": {}
  }; }
  static get elementRef() { return "element"; }
}
