{% macro chip(text) %}
<p
  class="text-base text-center rounded-2xl font-semibold tracking-tight text-black shadow-lg bg-yellow-400 p-2 min-w-[4rem] max-w-[12rem]"
>
  {{ text }}
</p>
{% endmacro chip %}