---
// The `sample` flag is unused.

import CardSubtitle from '@ui/CardSubtitle.astro'
import ModalClose from './ModalClose.astro'
import CardTitle from '@ui/CardTitle.astro'
import FormGroup from '@ui/FormGroup.astro'
import Signature from '@ui/Signature.astro'
---

<ModalClose />
<div class="modal-body">
  <CardTitle id="modal-signature-title">Confirm transfer</CardTitle>
  <CardSubtitle>Please confirm the transfer of funds by signing below.</CardSubtitle>
  <form action="">
    <FormGroup label="Signature" required>
      <div class="position-relative select-none">
        <Signature clear width={684} height={400} />
      </div>
    </FormGroup>
  </form>
  <div class="text-secondary fs-5">I agree that the signature and initials will be the electronic representation of my signature and initials for all purposes when I (or my agent) use them on documents, including legally binding contracts - just the same as a pen-and-paper signature or initial.</div>
</div>

<div class="modal-footer">
  <button type="button" class="btn">Cancel</button>
  <button type="button" class="btn btn-primary ms-auto">Confirm transfer</button>
</div>