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

{% macro GameHeader(params) %}
  {%- set componentClassName = "ds-game-header" %}
  {% set attributes = getAttributes(params.attributes) %}

  {%- set classes = [
    componentClassName,
    params.classNames if params.classNames
  ] | join(" ") %}

  <div class="{{ classes }}" {{- attributes | safe }}>
    <div class="{{ componentClassName }}__top" style="{% if params.textColor %}color: {{ params.textColor }}; {% endif %}{% if params.backgroundColor %}background-color: {{ params.backgroundColor }}{% endif %}">
      <div class="{{ componentClassName }}__top-content">
        <h1 class="{{ componentClassName }}__title">{{ params.title }}</h1>
        {% if params.media %}
          <div class="{{ componentClassName + '__media'}}">
            {{ params.media | safe }}
          </div>
        {% endif %}
        </div>
    </div>

    {% if params.descriptionHtml %}
      <div class="{{ componentClassName }}__description">
        <div class="{{ componentClassName }}__description-content">
          {{ params.descriptionHtml | safe }}
        </div>
      </div>
    {% endif %}
  </div>
{% endmacro %}