#if( $context && $context.banners.length > 0 )
  <div class="lp-market-banners">
    #foreach( $banner in $context.banners )
    <div class="lp-market-banner #if( $banner.minimized )lp-market-banner--minimized#end lp-market-banner--bg-${banner.backgroundColor}" data-banner-id="$!{banner.id}">
      <div class="lp-market-banner__inner">
        <div class="lp-market-banner__controls">
          <button class="lp-market-banner__controls__button lp-market-banner__controls__button--minimize" id="$!{banner.namespace}-minimize-button">
            <svg class="lp-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/rest-api/svg-sources/lp-icons.svg#lp-expand-arrow"></use></svg>
            <span class="lp-user-hidden">Stäng</span>
          </button>
        </div>
        <div id="$!{banner.namespace}-minimized-content" class="lp-market-banner__minimized-content" #if( !$banner.minimized )style="display: none"#end>
          <p class="lp-market-banner__minimized-content__text normal">$!{banner.minimizedText}</p> 
        </div>
        <div id="$!{banner.namespace}-content" class="lp-market-banner__content" #if( $banner.minimized )style="display: none"#end>
          $!{banner.html}
        </div>
      </div>
    </div>
    #end
  </div>
#end