{% from "chirpui/card.html" import resource_card %}
{% from "chirpui/layout.html" import grid %}

{% let items = items ?? element?.children ?? posts ?? pages ?? [] %}
{% if items | length > 0 %}
{% call grid(cols=3, gap="md", cls="chirp-theme-reference-grid") %}
  {% for item in items %}
  {% let name = item?.name ?? item?.title ?? "Reference" %}
  {% let href = item?.href ?? item?.url ?? "#" ~ name %}
  {{ resource_card(href, name, description=item?.description ?? item?.summary ?? none, top_meta=item?.element_type ?? item?.type ?? none, cls="chirp-theme-reference-card") }}
  {% end %}
{% end %}
{% end %}