---
import Icon from '@ui/Icon.astro'
import Button from '@ui/Button.astro'
import ModalClose from './ModalClose.astro'
---

<ModalClose />
<div class="modal-status bg-danger"></div>
<div class="modal-body text-center py-4">
  <Icon name="alert-triangle" color="danger" size="lg" class="mb-2" />

  <h3 id="modal-danger-title">Are you sure?</h3>
  <div class="text-secondary">Do you really want to remove 84 files? What you've done cannot be undone.</div>
</div>

<div class="modal-footer">
  <div class="w-100">
    <div class="row">
      <div class="col"><Button text="Cancel" dismiss block /></div>
      <div class="col"><Button text="Delete 84 items" color="danger" dismiss block /></div>
    </div>
  </div>
</div>