import { r as registerInstance, h, g as getElement } from './index-07845439.js';
import { N as Name } from './index-e20749b7.js';
import { d as dist } from './index-63517df5.js';
import './index-b6cf748e.js';
import './_commonjsHelpers-8fe71198.js';
import './index-265fba1f.js';

const sv = {
  Name: "Namn",
  Email: "Mail",
  Phone: "Telefon",
  "There is no contact information available.": "Det finns ingen kontaktinformation tillgänglig.",
};

function create(language) {
  return dist.create({
    sv,
  }, language);
}

const styleCss = ".sc-ig-order-contact-h{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;padding:1em;padding-left:4.5em}[hidden].sc-ig-order-contact-h{display:none}dt.sc-ig-order-contact{font-weight:bold;text-align:left;margin-bottom:.2em}dt.sc-ig-order-contact::first-letter{text-transform:capitalize}section.sc-ig-order-contact{width:30%}section.sc-ig-order-contact>dt.sc-ig-order-contact+*.sc-ig-order-contact{width:70%}";

const IntergiroOrderContact = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  componentWillLoad() {
    this.t = create(this.element);
  }
  render() {
    return !this.contact || Object.values(this.contact).length < 1 ? (h("p", null, this.t("There is no contact information available."))) : ([
      this.contact.name && (h("section", null, h("dt", null, this.t("Name")), h("smoothly-display", { type: "text", value: Name.get(this.contact.name) }))),
      this.contact.email && (h("section", null, h("dt", null, this.t("Email")), h("ig-email-addresses", { editable: false, value: this.contact.email }))),
      this.contact.phone && (h("section", null, h("dt", null, this.t("Phone")), h("ig-phone-numbers", { editable: false, value: this.contact.phone }))),
    ]);
  }
  get element() { return getElement(this); }
};
IntergiroOrderContact.style = styleCss;

export { IntergiroOrderContact as ig_order_contact };
