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

{% macro BlockedContent(params) %}
  {% set componentClassName = "ds-blocked-content" %}
  {% set classNamePrefix = componentClassName + "--" %}
  {% set attributes = getAttributes(params.attributes) %}

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

  <div class="{{ classes }}" {{- attributes | safe }}>
    <div class="{{ componentClassName + '__inner'}}">
      <div class="{{ componentClassName + '__content'}}">
        <h2 class="{{ componentClassName + '__title'}}">{{ params.title }}</h2>
        <div class="{{ componentClassName + '__body'}}">
          {{ params.body }}
          <a class="{{ componentClassName + '__link'}}" href="{{ params.link }}">{{params.link}}</a>
        </div>
      </div>
      {{ Button({
          text: 'Hantera kakor och samtycken',
          variant: 'secondaryFilled',
          size: 'md',
          classNames: '',
          fullWidth: true,
          forcePx: params.forcePx,
          attributes: params.elementAttributes
        })}}
    </div>
  </div>
{% endmacro %}