<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
      data-namespace-typo3-fluid="true">

<div class="mask-card-preview bg-white border rounded-lg overflow-hidden shadow">
    <f:if condition="{data.tx_mask_card_image}">
        <div class="h-48 bg-gray-200 overflow-hidden">
            <f:for each="{data.tx_mask_card_image}" as="image">
                <f:image image="{image}" maxWidth="400" class="w-full h-full object-cover" alt="" />
            </f:for>
        </div>
    </f:if>
    <div class="p-4">
        <f:if condition="{data.tx_mask_card_title}">
            <h3 class="font-bold text-lg mb-2">{data.tx_mask_card_title}</h3>
        </f:if>
        <f:if condition="{data.tx_mask_card_text}">
            <p class="text-gray-600 text-sm line-clamp-2">{data.tx_mask_card_text}</p>
        </f:if>
    </div>
</div>

</html>
