<div class="card analysis">
  <header class="card-header">
    <p class="card-header-title">
      <span class="icon">
        <i class="fas fa-flask" aria-hidden="true"></i>
      </span>
      Analysis
    </p>
    <a (click)="closeAnalysisWindow()" class="card-header-icon" aria-label="more options">
      <span class="icon">
        <i class="fas fa-times" aria-hidden="true"></i>
      </span>
    </a>
  </header>
  <div class="card-content">
    <div class="content">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
      <a href="#">@bulmaio</a>. <a href="#">#css</a> <a href="#">#responsive</a>
      <br>
      <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
    </div>
  </div>
  <footer class="card-footer">
    <button [disabled]="true" (click)="export()" class="card-footer-item button is-primary"><span class="icon">
        <i class="fas fa-cloud-download-alt" aria-hidden="true"></i>
      </span><span>Export</span></button>
    <button [disabled]="true" (click)="discard()" class="card-footer-item button is-danger"><span>Discard</span><span class="icon">
        <i class="fas fa-trash" aria-hidden="true"></i>
      </span></button>
    <button (click)="closeAnalysisWindow()" class="card-footer-item button"><span>Close</span> <span class="icon">
        <i class="fas fa-times" aria-hidden="true"></i>
      </span></button>
  </footer>
</div>