{% set SELECTED_MENU_GRID_ITEM_DEFAULTS = {
  hasImage: true,
  title: 'Item title',
  description: ''
} %}

{% macro SelectedMenuGridItem( settings = {} ) %}
  {% set settings = merge(SELECTED_MENU_GRID_ITEM_DEFAULTS, settings) %}

  <div class="selected-menu-grid-item">
    <div class="selected-menu-grid-item__thumb-wrapper">
      {% if settings.hasImage %}
        {{ Image({
          className: 'selected-menu-grid-item__thumb',
          sources: [],
          image: {
            src: '607x607'
          }
        }) }}
      {% else %}
        {{ ImagePlaceholder({ alt: settings.title + ' image' }) }}
      {% endif %}
    </div>
    <div class="selected-menu-grid-item__content">
      {% if settings.title %}
        <p class="selected-menu-grid-item__title">
          <a href="{{ settings.href or '#' }}" class="selected-menu-grid-item__link">{{ settings.title }}</a>
        </p>
      {% endif %}
      {% if settings.description %}
        <p class="selected-menu-grid-item__description">{{ settings.description }}</p>
      {% endif %}
    </div>
  </div>
{% endmacro %}