1import { BoxProps, HStack, Link, Text } from '@chakra-ui/react';
 2import { ORGANIZATION_URL, CO_CONTRIBUTOR, REPO_URL } from 'constants/Project';
 3import { useDashboard } from 'stores';
 4import { FC } from 'react';
 5
 6export const Footer: FC<BoxProps> = (props) => {
 7  const { version } = useDashboard();
 8  return (
 9    <HStack w="full" position="fixed" justifyContent="center" {...props}>
10      <Text
11        display="inline-block"
12        color="gray.500"
13        fontSize="xs"
14      >
15        <Link color="blue.400" href={REPO_URL}>
16          Marzneshin
17        </Link>
18        {version ? ` (v${version}), ` : ', '}
19        Made by{' '}
20        <Link color="blue.400" href={ORGANIZATION_URL}>
21          khodedawsh
22        </Link>
23        {' & '}
24        <Link color="blue.400" href={CO_CONTRIBUTOR}>
25          mardin.cc
26        </Link>
27      </Text>
28    </HStack>
29  );
30};