<?xml version="1.0" encoding="UTF-8"?>
<template name="Donation" category="Alerts" description="Toast alert for a tip or donation, with amount and message." anim="slide-down" from="top" animMs="450">
  <field id="name" label="Name" default="Jordan"/>
  <field id="amount" label="Amount" default="$25"/>
  <field id="msg" label="Message" default="Keep up the great work!"/>
  <field id="accent" label="Accent start" type="color" default="#10b981"/>
  <field id="accent2" label="Accent end" type="color" default="#06b6d4"/>

  <rect x="560" y="86" w="800" h="150" radius="18" fill="linear(90,{accent},{accent2})" shadow="30,rgba(0,0,0,0.45),8"/>
  <rect x="584" y="110" w="72" h="72" radius="36" fill="rgba(255,255,255,0.2)"/>
  <text x="620" y="147" align="center" valign="middle" size="38" weight="900" color="#ffffff">$</text>
  <text x="684" y="128" size="40" weight="900" color="#ffffff" maxWidth="420">{name}</text>
  <text x="684" y="190" size="24" weight="500" color="rgba(255,255,255,0.9)" maxWidth="560" if="msg">{msg}</text>
  <rect x="1148" y="110" w="188" h="72" radius="12" fill="rgba(0,0,0,0.3)"/>
  <text x="1242" y="146" align="center" valign="middle" size="40" weight="900" font="mono" color="#ffffff">{amount}</text>
</template>
