25 lines
642 B
TypeScript
25 lines
642 B
TypeScript
import React from "react";
|
|
import { Box, Link, Button, BoxProps, Text } from "@chakra-ui/react";
|
|
import { Icon } from "@iconify/react";
|
|
import { motion } from "framer-motion";
|
|
|
|
const MotionBox = motion<BoxProps>(Box);
|
|
|
|
const KoFi = (): JSX.Element => {
|
|
return (
|
|
<MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
|
|
<Link
|
|
href="https://ko-fi.com/lucidcreationsmedia"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<Button variant="kofi" leftIcon={<Icon icon="cib:ko-fi" />}>
|
|
<Text>{"Fund The App"}</Text>
|
|
</Button>
|
|
</Link>
|
|
</MotionBox>
|
|
);
|
|
};
|
|
|
|
export default KoFi;
|