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

{# ========================================================================= #}
{# :: Partial #}
{# ========================================================================= #}

<div class="l-section p-notifications__list">
  <div class="l-container">

    {{notifications.default("o-notifications--simulate-list", {
      "2019": {
        "januari": [
          {
            url: "#",
             overlay: "overlay-file-detail",
            time: { text: "15-01-2019", format: "2019-01-15" },
            title: "Overzicht van rente en kosten"
          },
          {
            url: "#",
             overlay: "overlay-message-detail",
            time: {
              text: "10-01-2019",
              format: "2019-01-10"
            },
            title: "Wat veranderd er voor uw producten?",
            description: "Nullam id dolor id nibh ultricies verhicula ut id elit...",
            hasAttachment: true
          },
          {
            isRead: true,
            overlay: "overlay-file-detail",
            url: "#",
            time: { text: "05-01-2019", format: "2019-01-05" },
            title: "Nieuw jaar promotie!"
          }
        ]
      },
      "2018": {
        "december": [
          {
            isRead: true,
             overlay: "overlay-message-detail",
            url: "#",
            time: { text: "15-12-2129", format: "2019-01-15" },
            title: "Belastingcertificaat"
          }
        ]
      }
    })}}

  </div>
</div>