export default{title:"Components/Checkout/Donation Choices"};const Template=({loading:c,priceId:e,amount:n,ad_hoc_max_amount:o,ad_hoc_min_amount:s})=>(setTimeout((()=>{document.querySelector("sc-donation-choices").lineItems=[{ad_hoc_amount:n,price:{id:"test",amount:n,ad_hoc_max_amount:o,ad_hoc_min_amount:s}}]})),`<sc-donation-choices label="Donation Amount" ${c&&"loading"} price-id=${e}>\n  <div>\n  <sc-choice show-control="false" size="small" value="100">\n  <sc-format-number type="currency" currency="usd" value="100" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="200">\n  <sc-format-number type="currency" currency="usd" value="200" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="500">\n  <sc-format-number type="currency" currency="usd" value="500" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="1000">\n  <sc-format-number type="currency" currency="usd" value="1000" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="2000">\n  <sc-format-number type="currency" currency="usd" value="2000" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="5000">\n  <sc-format-number type="currency" currency="usd" value="5000" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="10000">\n  <sc-format-number type="currency" currency="usd" value="10000" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="10000">\n  <sc-format-number type="currency" currency="usd" value="10000" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="20000">\n  <sc-format-number type="currency" currency="usd" value="20000" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="50000">\n  <sc-format-number type="currency" currency="usd" value="50000" minimum-fraction-digits="0"></sc-format-number>\n  </sc-choice>\n  <sc-choice show-control="false" size="small" value="ad_hoc">\nOther\n  </sc-choice>\n  </div>\n    </sc-donation-choices>\n`);export const Default=Template.bind({});Default.args={loading:!1,busy:!1,priceId:"test",amount:1e3};export const CustomAmount=Template.bind({});CustomAmount.args={loading:!1,busy:!1,priceId:"test",amount:12345};export const RemoveChoices=Template.bind({});RemoveChoices.args={loading:!1,busy:!1,priceId:"test",amount:1e3,ad_hoc_min_amount:100,ad_hoc_max_amount:2e3};