Files
DefectingCat.github.io/components/Footer.tsx
2021-11-16 21:00:46 +08:00

21 lines
541 B
TypeScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { FC } from 'react';
import { Flex, Box, Text } from '@chakra-ui/react';
const Footer: FC = () => {
return (
<>
<Box h="3px" w="50px" bg="gray.500" rounded="xl" mt="2.5rem" />
<Flex as="footer" flexFlow="column" py="1.5rem">
<Text color={'gray.600'} fontWeight="bold" mb="0.5rem">
&copy;{new Date().getFullYear()}
</Text>
<Text color={'gray.400'} fontSize="small">
Powered by Next.js
</Text>
</Flex>
</>
);
};
export default Footer;