{% from "../card/macro.njk" import LBCamdenCard %}

<div class="lbcamden-card-gallery {% if params.surround %}lbcamden-surround {% endif %}{{ params.classes }}">
    {% if params.heading %}
      <h2>{{ params.heading }}</h2>
    {% endif %}

    {% if params.shortDescription %}
      <p class="lbcamden-card-gallery__description">
        {{ params.shortDescription }}
      </p>
    {% endif %}

    <ul class="lbcamden-card-grid">
        {% for item in params.items %}
            <li class="lbcamden-card-grid--link-wrapper">
              {{ LBCamdenCard({
              "heading": {
                  "title": item.title,
                  "href": item.href,
                  "headingLevel": params.cardHeadingLevel
                },
                "content": {
                  "text": item.shortDescription
                } if item.shortDescription else null,
                "classes": "lbcamden-card--image-3x2",
                "image": item.image,
                "type": params.cardType if params.cardType else 'naked'
              }) }}
            </li>
        {% endfor %}
    </ul>
</div>