<div class="zippy zippy-{{type}}" [ngClass]="{'zippy-empty': empty, 'zippy-hidden': !visible}">
  <div *ngIf='!headless' class="zippy-title" (click)="toggle()">
    <span class="zippy-indicator">
      <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve">
        <polygon points="17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "/>
      </svg>
    </span>
    {{title}}
  </div>
  <div class="zippy-content">
    <ng-content></ng-content>
  </div>
</div>
