job-market-teaser-list

// src/components/patterns/teaser-list/job-market-teaser-list/job-market-teaser-list.twig

{{ attach_library("circle_dot/pattern-job-market-teaser-list") }}

{# Set defaults #}
{% set theme = theme|default('surface') %}
{% set show_logo = show_logo is defined ? show_logo : true %}
{% set button_url = button_url|default('#') %}

{# Build class list #}
{% set classes = [
	'JobMarketTeaserList',
	'JobMarketTeaserList--' ~ theme
] %}

<section class="{{ classes|join(' ')|trim }}">
	{# Beck Stellenmarkt Logo - only render if show_logo is true #}
	{% if show_logo == true %}
		<div class="JobMarketTeaserList-logo">
			{% if logo %}
				{{ logo }}
			{% else %}
				{% include '@elements/icon/icon.twig' with {
					name: 'beck_stellenmarkt',
					label: 'Beck Stellenmarkt',
					classes: ['JobMarketTeaserList-logoImage']
				} only %}
			{% endif %}
		</div>
	{% endif %}

	{# Teasers List #}
	<div class="JobMarketTeaserList-teasers">
		{% for teaser in teasers %}
			<div class="JobMarketTeaserList-item">
				{{ teaser }}
			</div>
			{% if not loop.last %}
				<div class="JobMarketTeaserList-divider"></div>
			{% endif %}
		{% endfor %}
	</div>

	{# CTA Button - only render if button_text is provided #}
	{% if button_text %}
		<div class="JobMarketTeaserList-button">
			{% include '@elements/button/button.twig' with {
				label: button_text,
				url: button_url,
				modifiers: ['primary'],
				size: 'small',
				icon_position: 'right',
				icon: 'arrow-right'
			} only %}
		</div>
	{% endif %}
</section>