2021-07-10 11:49:58 -05:00
import WCard from "./werefox-card.js" ;
2021-07-10 22:35:45 -05:00
import SButton from "./support-button.js" ;
import KWidget from "./kofi-donation-widget.js" ;
2021-07-10 11:49:58 -05:00
2021-07-10 22:35:45 -05:00
export default function SupportBlock ( { support } ) {
2021-07-10 11:49:58 -05:00
return (
< WCard
2024-02-26 18:55:53 -06:00
title = "Hey btw, I'm currently unemployed! I'd love to be financially independent, so if you wanna consider sending something my way, it would be deeply appreciated. 🖤"
2021-07-10 11:49:58 -05:00
>
< div className = "p-4 space-y-4" >
2022-01-19 21:56:01 -06:00
< p className = "text-lg md:text-2xl text-center text-alice-werefox-red-dark dark:text-alice-werefox-red-light" >
2021-07-10 11:49:58 -05:00
You could support me through Patreon , Ko - fi , or Liberapay
< / p >
2021-07-10 22:35:45 -05:00
{ Object . keys ( support ) . map ( ( sup ) => (
< SButton
key = { sup }
title = { support [ sup ] . title }
alt = { support [ sup ] . alt }
src = { support [ sup ] . src }
url = { support [ sup ] . url }
/ >
) ) }
< KWidget
title = "Open/Close Ko-fi Donation Widget"
2022-06-24 22:59:05 -05:00
url = "https://ko-fi.com/alice_werefox/?hidefeed=true&widget=true&embed=true&preview=true"
2021-07-10 22:35:45 -05:00
/ >
2021-07-10 11:49:58 -05:00
< / d i v >
< / W C a r d >
) ;
}