{% embed "partials/card" with {
	self: {
		image: item.featureImage[0]|default,
		iconFallback: true,
		theme: theme|default,
		heading: item.title,
		subheading: item.postDate ? item.postDate|date("j M Y")|default,
		text: item.summary,
		url: item.url,
		buttonText: "Read article",
		buttonTarget: false,
		id: item.id,
	}
} %}
	{% block cardContent %}
		{{ parent() }}

		{% if item.newsCategory|default %}
			<div class="relative flex flex-wrap mt-4 -m-1 align-center">
				{% for cat in item.newsCategory.all() %}
					<div class="p-1">
						<span class="inline-flex items-center px-3 py-1 font-medium leading-5 text-blue-800 bg-blue-100 rounded-full type-sm">
							{{ cat.title }}
						</span>
					</div>
				{% endfor %}
			</div>
		{% endif %}
	{% endblock %}

{% endembed %}