Files
LingvAI/components/Footer.tsx
2022-01-23 23:30:36 +01:00

35 lines
1.1 KiB
TypeScript

import { FC } from "react";
import { Stack, Text, Link } from "@chakra-ui/react";
type Props = {
[key: string]: any
};
const Footer: FC<Props> = (props) => (
<Stack
as="footer"
w="full"
p={3}
fontSize={["sm", null, "md"]}
direction={["column", null, "row"]}
justify="center"
align="center"
spacing={[1, null, 2]}
{...props}
>
<Link href="https://github.com/TheDavidDelta/lingva-translate/blob/main/LICENSE" isExternal={true}>
<Text as="span">&#169; 2021 TheDavidDelta & contributors</Text>
</Link>
<Text as="span" display={["none", null, "unset"]}>·</Text>
<Link href="https://www.gnu.org/licenses/agpl-3.0.html" isExternal={true}>
<Text as="span">Licensed under AGPLv3</Text>
</Link>
<Text as="span" display={["none", null, "unset"]}>·</Text>
<Link href="https://vercel.com?utm_source=lingva-team&utm_campaign=oss" isExternal={true}>
<Text as="span"> Powered by Vercel</Text>
</Link>
</Stack>
);
export default Footer;