<f:comment>
    <legend>
        md:grid-cols-2 md:grid-cols-5
    </legend>
</f:comment>

<f:switch expression="{settings.displayCols}">
    <f:case value="0">
        {f:variable(name: 'divheader', value:'md:grid-cols-{gridSize} lg:gap-{gapSize}')}
    </f:case>
    <f:case value="3">
        {f:variable(name: 'divheader', value:'md:grid-cols-3 lg:gap-12')}
    </f:case>
    <f:case value="4">
        {f:variable(name: 'divheader', value:'md:grid-cols-4 lg:gap-8')}
    </f:case>
    <f:case value="5">
        {f:variable(name: 'divheader', value:'md:grid-cols-4 lg:grid-cols-5')}
    </f:case>
    <f:case value="6">
        {f:variable(name: 'divheader', value:'md:grid-cols-4 lg:grid-cols-6')}
    </f:case>
</f:switch>

<div class="grid grid-cols-2 gap-6 {divheader} px-6 lg:px-12 mx-auto">
    <f:for each="{clients}" as="client">
        <v:content.resources.fal table="tx_amadeusnext_domain_model_client" field="logo" uid="{client.uid}" as="cl_logo">
            <f:if condition="{cl_logo}">
                <f:render partial="Client/Logo" arguments="{client: client, logo: cl_logo.0}" />
            </f:if>
        </v:content.resources.fal>
    </f:for>
</div>