<div class="download-item stretch-link">
<div class="row row--gutter-width-0 w-100">
{% if image %}
<div class="col-auto">
<div class="embed-responsive embed-responsive-1by1 embed-responsive-cover download-item__img">
{% if image is instanceof('\\Pimcore\\Model\\Asset\\Image\\Thumbnail') %}
{{ image.html({
imgAttributes: {
class: 'js-lazy-img embed-responsive-item'
},
lowQualityPlaceholder: true,
}) | raw }}
{% else %}
<img src="{{ image }}" class="embed-responsive-item" alt="{{ text }}" title="{{ text }}">
{% endif %}
</div>
</div>
{% endif %}
<div class="col position-static">
<div class="download-item__body">
<h3 class="download-item__title">
<a href="{{ href }}" class="stretch-link__link">{{ text }}</a>
</h3>
<div>
{{ file }}
<span class="ml-2">
{{ fileSize|default('') }}
</span>
</div>
</div>
</div>
{% if viewLink|default(false) %}
<div class="col-auto">
<a href="{{ viewLink }}" target="_blank" class="download-item__btn download-item__btn--view">
<span class="icon icon-eye download-item__btn-icon" aria-hidden="true"></span>
{{ 'download-item.ansehen'|trans }}</a>
</div>
{% endif %}
<div class="col-auto">
<a href="{{ href }}" class="download-item__btn download-item__btn--download">
<span class="icon icon-download download-item__btn-icon" aria-hidden="true"></span>
{{ 'download-item.download'|trans }}
</a>
</div>
</div>
</div>