The new donation form uses a toggle that allows people to specify if they want a donation receipt. We need to create a pattern and component for this.

Acceptance Criteria

• A new toggle pattern is created in the pattern library
• This pattern is implemented in production
• A new shared component is created that uses a v-model and emits the appropriate events
• This field should be accessible

Implementation Notes

• The form field running the toggle should be a checkbox.
• The checkbox can be hidden with the CSS rule appearance: none
• We need focus and hover states implemented for accessibility. The visuals of these states should match the other form accents for consistency.
• We can start with a copy of the existing checkbox field (CheckboxSingleFormInput)

Notes
Here's an example toggle as inspiration https://codepen.io/morgoe/pen/VvzWQg