{if $mode === 'image'}
    {* image only slide (media folder) *}
    {if $imageMaxHeight}
        {image image=$Image height="$imageMaxHeight" class="quiqqer-slider-bricks-carousel__image"}
    {else}
        {image image=$Image class="quiqqer-slider-bricks-carousel__image"}
    {/if}
{else}
    {* custom entry slide *}
    <article class="quiqqer-slider-bricks-carousel__entry">
        {if $entry.image}
            <div class="quiqqer-slider-bricks-carousel__entryImage">
                {if $imageMaxHeight}
                    {image src=$entry.image height="$imageMaxHeight" class="quiqqer-slider-bricks-carousel__image"}
                {else}
                    {image src=$entry.image class="quiqqer-slider-bricks-carousel__image"}
                {/if}
            </div>
        {/if}

        {if $entry.title || $entry.htmlContent || ($entry.url && $entry.buttonText)}
            <div class="quiqqer-slider-bricks-carousel__entryContent">
                {if $entry.title}
                    <h3 class="quiqqer-slider-bricks-carousel__entryTitle">{$entry.title}</h3>
                {/if}

                {if $entry.htmlContent}
                    <div class="quiqqer-slider-bricks-carousel__entryText">{$entry.htmlContent}</div>
                {/if}

                {if $entry.url && $entry.buttonText}
                    <a href="{$entry.url}"
                       class="quiqqer-slider-bricks-carousel__entryButton"
                       {if $entry.urlTitle}title="{$entry.urlTitle}"{/if}
                       target="{if $entry.target}{$entry.target}{else}_blank{/if}"
                       {if $entry.nofollow}rel="nofollow"{/if}>{$entry.buttonText}</a>
                {/if}
            </div>
        {/if}
    </article>
{/if}