{% macro postmeta(params) %}
<ul
  class="flex flex-wrap items-center {% if params.center %} justify-center {% else %} justify-start {% endif %} gap-4 text-sm *:inline-flex *:items-center *:gap-1 *:*:stroke-sky-600 md:text-base xl:text-lg 2xl:text-xl"
  role="group"
  aria-label="Published on {{ params.date | readableDate }}, written by {{ params.author.name }}, approximate reading time {{ params.content | readingtime }}"
>
  <li aria-label="Published on">
    {% lucide "calendar", { "class": "size-4 md:size-5 xl:size-6" } %}
    <time datetime="{{ params.date | isoDate }}">{{ params.date | readableDate }}</time>
  </li>
  <li aria-label="Written by">
    {% lucide "user", { "class": "size-4 md:size-5 xl:size-6" } %}
    <a href="{{ params.author.href }}">{{ params.author.name }}</a>
  </li>
  <li aria-label="Approximate reading time">
    {% lucide "glasses", { "class": "size-4 md:size-5 xl:size-6" } %}
    {{ params.content | readingtime }}
  </li>
</ul>
{% endmacro %}
