---
import Icon from '@ui/Icon.astro'
import Button from '@ui/Button.astro'
import ModalClose from './ModalClose.astro'
import { site } from '@shared/lib/site'
---

<ModalClose />
<div class="modal-status bg-success"></div>
<div class="modal-body text-center py-4">
  <Icon name="circle-check" color="green" size="lg" class="mb-2" />

  <h3 id="modal-success-title">Payment succedeed</h3>
  <div class="text-secondary">Your payment of $290 has been successfully submitted. Your invoice has been sent to {site.email}.</div>
</div>

<div class="modal-footer">
  <div class="w-100">
    <div class="row">
      <div class="col"><Button text="Go to dashboard" dismiss block /></div>
      <div class="col"><Button text="View invoice" color="success" dismiss block /></div>
    </div>
  </div>
</div>