class GeneralInformationTable extends HTMLElement {
  connectedCallback() {
    this.innerHTML = `<table class="c-table js-toggle-text-container js-table-sortable" style="margin-top: 0;">
                <tbody class="c-table__content">
                        <tr class="c-table__row">
                            <td class="c-table__cell" width="50%">GDP</td>
                            <td class="c-table__cell" width="50%">USD 2021.4bn (World ranking 11, World Bank 2023)</td>
                        </tr>
                        <tr class="c-table__row">
                            <td class="c-table__cell" width="50%">Population</td>
                            <td class="c-table__cell" width="50%">143.8mn (World ranking 9, World Bank 2023)</td>
                        </tr>
                </tbody>
            </table>`;
  }
}

customElements.define("general-information-table", GeneralInformationTable);