---
import Button from '@ui/Button.astro'
import ButtonList from '@ui/ButtonList.astro'
import CardTitle from '@ui/CardTitle.astro'
---

<div class="card card-gradient card-gradient-danger">
  <div class="card-body p-5 text-center">
    <CardTitle>Are you sure to delete this card?</CardTitle>
    <p class="text-secondary">If you delete this card, you will not be able to recover it.</p>

    <ButtonList center class="mt-5">
      <Button text="Yes, delete it" color="danger" />
      <Button text="Cancel" />
    </ButtonList>
  </div>
</div>