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

{% macro Pictogram(params) %}
  {%- set componentClassName = "ds-pictogram" %}
  {%- set classNamePrefix = componentClassName + "--" %}
  {%- set attributes = getAttributes(params.attributes) %}

  {%- set classes = [
    componentClassName,
    "ds-force-px" if params.forcePx,
    classNamePrefix + params.variant if params.variant and params.variant !== "brand",
    classNamePrefix + params.size if params.size and params.size !== "small",
    params.classNames if params.classNames
  ] | join(" ") %}

  <div class="{{ classes }}" {{- attributes | safe }}>
    {{ IconUse({ icon: params.iconName, attributes: { "aria-hidden": "true" } }) }}
  </div>
{% endmacro %}