{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{# atoms #}
{% import "styleguides/general/atoms/button/button-macros.njk" as button %}

{# molecules #}
{% import "styleguides/general/molecules/summary/summary-macros.njk" as summary %}

{# ========================================================================= #}
{# :: Partial #}
{# ========================================================================= #}
<section class="l-section p-settings__tabs">
  <div class="l-container">
    <div class="l-grid l-grid--with-margins">
      {{summary.editable("m-summary--contained l-grid__col-4-12", {
        overlay: "overlay-account-edit-desktop overlay-account-edit-mobile",
        image: "/assets/general/img/logos/logo-nibc.png",
        title: "Dhr.Bogaerts",
        info: [
          { text: "Tegen-rekening", classes: "m-summary__info-item--uppercase" },
          { text: "NL48 2152 5466 2587" }
        ]
      })}}

      {{summary.editable("m-summary--contained l-grid__col-4-12", {
        overlay: "overlay-account-edit-desktop overlay-account-edit-mobile",
        image: "/assets/general/img/logos/logo-nibc.png",
        title: "Dhr.Bogaerts",
        info: [
          { text: "Tegen-rekening", classes: "m-summary__info-item--uppercase" },
          { text: "NL48 2152 5466 2587" }
        ]
      })}}

      {{summary.editable("m-summary--contained l-grid__col-4-12", {
        overlay: "overlay-account-edit-desktop overlay-account-edit-mobile",
        image: "/assets/general/img/logos/logo-nibc.png",
        title: "Dhr.Bogaerts",
        info: [
          { text: "Tegen-rekening", classes: "m-summary__info-item--uppercase" },
          { text: "NL48 2152 5466 2587" }
        ]
      })}}
    </div>
  </div>
</section>