'use strict';

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

const index = require('./index-140bcbcd.js');
const index$1 = require('./index-2cd5b910.js');
require('./index-d3079b93.js');
require('./_commonjsHelpers-537d719a.js');

const styleCss = ".sc-ig-merchant-single-information-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-overflow:ellipsis;background-color:rgb(var(--smoothly-default-color));border:solid 1px rgb(var(--smoothly-medium-shade));max-width:90em;margin:auto;overflow:hidden}.sc-ig-merchant-single-information-h>label.sc-ig-merchant-single-information{font-weight:bold;padding:0.5em 0.5em;width:100%;margin-bottom:0.5em;text-transform:capitalize}.sc-ig-merchant-single-information-h>section.sc-ig-merchant-single-information{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;padding:1em;padding-left:4.5em}.sc-ig-merchant-single-information-h>ig-merchant-information.sc-ig-merchant-single-information{width:100%}smoothly-display.sc-ig-merchant-single-information{text-align:left;margin:0;padding:0.1em}.sc-ig-merchant-single-information-h>section.sc-ig-merchant-single-information>section.sc-ig-merchant-single-information{padding:1em 0;width:50%}.sc-ig-merchant-single-information-h>section.sc-ig-merchant-single-information>section.sc-ig-merchant-single-information>*.sc-ig-merchant-single-information:first-child{font-weight:bold;text-transform:capitalize}";

const IntergiroMerchantSingleInformation = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  componentWillLoad() {
    this.t = index$1.create(this.element);
  }
  render() {
    var _a;
    return (this.merchant && [
      index.h("label", { color: "light" }, this.t("general information")),
      index.h("ig-merchant-information", { merchant: this.merchant }),
      index.h("section", null, index.h("section", null, index.h("smoothly-display", null, this.t("number")), index.h("smoothly-display", null, (_a = this.merchant.number) !== null && _a !== void 0 ? _a : this.t("none"))), index.h("section", null, index.h("smoothly-display", null, this.t("id")), index.h("smoothly-display", null, this.merchant.id)), index.h("section", null, index.h("smoothly-display", null, this.t("reference")), index.h("smoothly-display", null, this.merchant.reference)), index.h("section", null, index.h("smoothly-display", null, this.t("currency")), index.h("smoothly-display", null, this.merchant.currency))),
    ]);
  }
  get element() { return index.getElement(this); }
};
IntergiroMerchantSingleInformation.style = styleCss;

exports.ig_merchant_single_information = IntergiroMerchantSingleInformation;
