import { chakra, Flex, Text } from "@chakra-ui/react";
import { format } from "date-fns";
import React from "react";

export const Footer = () => {
  return (
    <chakra.footer
      backgroundColor="brand.primary"
      zIndex={1000}
      w="full"
      h="5rem"
      pos="fixed"
      bottom="0"
      left="0"
      px={10}
      py={12}
      mt={3}
    >
      <Flex w="100%" h="100%" alignItems="center" justify="center">
        <Text textStyle="body.small" color="neutral.white" opacity={0.5}>
          &copy; {format(new Date(), "yyyy")} Advance Change Pty Ltd. All rights
          reserved.
        </Text>
      </Flex>
    </chakra.footer>
  );
};