{% if field.arguments %}

<div class="border rounded-1 mt-3 mb-3 p-3 color-bg-subtle f5">

<h4 class="pt-0 mt-0">{% data ui.products.graphql.reference.arguments %}</h4>

{% for arg in arguments %}

<ul class="list-style-none pl-0">

<li class="border-top mt-2">

<p class="mt-2"><code>{{ arg.name }}</code> (<code><a href="/{{ currentLanguage }}{{ arg.type.href }}">{{ arg.type.name }}</a></code>)</p>

<p>{{ arg.description }}</p>

{% if arg.defaultValue or arg.defaultValue == false %}<p>The default value is <code>{{ arg.defaultValue }}</code>.</p>{% endif %}

</li>

</ul>

{% endfor %}

</div>

{% endif %}