1import {Link} from '@mui/material';
 2import {useTranslation} from 'react-i18next';
 3import useSettings from '../../hooks/useSettings';
 4
 5type Props = {};
 6
 7const SupportCaroster = (props: Props) => {
 8  const settings = useSettings();
 9  const {t} = useTranslation();
10
11  return (
12    <Link
13      href={settings['opencollective_link']}
14      color="textSecondary"
15      target="_blank"
16    >
17      {t`supportCaroster`}
18    </Link>
19  );
20};
21
22export default SupportCaroster;