component DownloadCard {
  props {
    reason: string = "Preview unavailable for this file"
    class: string = ""
  }
  view {
    <div class="wrn-viewer-download {class}">
      <div class="wrn-viewer-download-art" aria-hidden="true">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
          <path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z" />
          <path d="M14 3v5h5" />
          <path d="M9.5 13.5l5 5" />
          <path d="M14.5 13.5l-5 5" />
        </svg>
      </div>
      <p class="wrn-viewer-download-reason" data-viewer-reason="" role="status">{reason}</p>
      <p class="wrn-viewer-download-meta" data-viewer-size=""></p>
    </div>
  }
}