'use strict';

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

const index$1 = require('./index-df541290.js');
const index$2 = require('./index-b8688617.js');
const index = require('./index-b7493032.js');
require('./_commonjsHelpers-10109b76.js');

const sv = {
  "Upcoming payments": "Kommande betalningar",
};

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

const styleCss = ".sc-ig-future-due-dates-h{display:block}[hidden].sc-ig-future-due-dates-h{display:none}.sc-ig-future-due-dates-h>table.sc-ig-future-due-dates{border:1px solid rgb(var(--smoothly-medium-color));width:100%;height:100%}tr.sc-ig-future-due-dates:first-of-type{border-bottom:1px solid rgb(var(--smoothly-medium-color));font-weight:bold}td.sc-ig-future-due-dates{padding:.3em}";

const IntergiroFutureDueDates = class {
  constructor(hostRef) {
    index$1.registerInstance(this, hostRef);
  }
  componentWillLoad() {
    this.t = create(this.element);
  }
  render() {
    return [
      index$1.h("table", null, index$1.h("tr", { color: "light" }, index$1.h("td", null, this.t("Upcoming payments"))), this.dates
        ? this.dates.map(date => (index$1.h("tr", null, index$1.h("td", null, index$2.dist.DateTime.localize(index$2.dist.DateTime.parse(date)).slice(0, 10)))))
        : []),
    ];
  }
  get element() { return index$1.getElement(this); }
};
IntergiroFutureDueDates.style = styleCss;

exports.ig_future_due_dates = IntergiroFutureDueDates;
