1import { Box, Text, VStack } from '@chakra-ui/react'
 2import { FC, PropsWithChildren } from 'react'
 3import { useTranslation } from 'react-i18next'
 4
 5type SidebarGroupProps = {
 6    titleT: string
 7}
 8
 9export const SidebarGroup: FC<PropsWithChildren<SidebarGroupProps>> = ({ titleT, children }) => {
10  const { t } = useTranslation();
11  return (
12    <Box>
13      <VStack gap="2">
14        <Text w="85%" fontWeight="bold" textTransform="uppercase" fontSize="xs" color="gray.500" >{t(titleT)}</Text>
15        {children}
16      </VStack>
17    </Box>
18  );
19}