{% from '@bonniernews/dn-design-system-web/njk-helpers/attributes.njk' import getAttributes %}
{% from '@bonniernews/dn-design-system-web/components/mask/mask.njk' import Mask %}

{% macro TeaserImage(params) %}
  {% set componentClassName = "ds-teaser-image" %}
  {% set attributes = getAttributes(params.attributes) %}
  {%- set classes = [
    componentClassName,
    params.classNames if params.classNames,
    componentClassName + "--mask" if params.mask
  ] | join(" ") %}

  <figure class="{{ classes }}" {{- attributes | safe }}>
    {% if params.mask %}
      {{ Mask({
        variant: params.mask,
        imageHtml: params.imageHtml
      })}}
    {% else %}
      {{ params.imageHtml | safe }}
    {% endif %}

    {% if params.byline %}
      <figcaption class={{ componentClassName + "__byline" }} aria-hidden="true">{{ params.byline }}</figcaption>
    {% endif %}
  </figure>
{% endmacro %}