{% from '@bonniernews/dn-design-system-web/components/teaser-card/teaser-card.njk' import TeaserCard %}

{% macro TeaserOnSite(params) %}
  {%- set componentClassName = "ds-teaser" %}
  {%- set classes = [
    "ds-teaser--onsite",
    params.classNames if params.classNames
  ] | join(" ") %}
  {% call TeaserCard({
    targetLink: params.targetLink,
    areaType: params.areaType,
    theme: params.theme,
    attributes: params.attributes,
    classNames: classes
  }) %}
    {% if params.mediaHtml %}
      {% set mediaClass = [
        componentClassName + '__media',
        componentClassName + '__media--rounded'
      ] | join(" ") %}
      <div class="{{ mediaClass }}">
        {{ params.mediaHtml | safe }}
      </div>
    {% endif %}

    <div class="{{ componentClassName + '__content'}}">
      <h2 class="ds-teaser__title">
        PÅ PLATS | {{ params.title }}
      </h2>

      {% if params.text %}
        <p class="{{ componentClassName + '__text'}}">
          {{ params.text }}
        </p>
      {% endif %}
    </div>
  {% endcall %}
{% endmacro %}