alkem-io / client-web / #9611

import TranslationKey from '@/core/i18n/utils/TranslationKey';

import Avatar from '@/core/ui/avatar/Avatar';

import RouterLink from '@/core/ui/link/RouterLink';

import BadgeCardView from '@/core/ui/list/BadgeCardView';

import { CaptionSmall } from '@/core/ui/typography';

import { AddCircleOutlineOutlined } from '@mui/icons-material';

import { ButtonBase, SxProps, Theme } from '@mui/material';

import { MouseEventHandler } from 'react';

import { useTranslation } from 'react-i18next';

import { getIndentStyle } from '../../../space/components/spaceDashboardNavigation/dashboardNavigation/utils';

interface DashboardAddButtonProps {

  url?: string;

  onClick?: MouseEventHandler;

  level?: number;

  compact?: boolean;

  translationKey?: TranslationKey;

  sx?: SxProps<Theme>;

}

    <BadgeCardView

      onClick={onClick}

      visual={

        <Avatar size="medium" sx={{ backgroundColor: 'primary.main' }} alt={t('common.add')}>

          <AddCircleOutlineOutlined />

        </Avatar>

      }

      square

      sx={{ ...getIndentStyle(level), ...sx }}

    >

      <CaptionSmall>

          {translationKey

            ? t(translationKey, { defaultValue: t('common.add') })

            : t('buttons.addSubject', { subject: t('common.subspace') })}

        </>

      </CaptionSmall>

    </BadgeCardView>

  );

};