import HuCardContainer from '@material-hu/components/design-system/CardContainer';
import HuTitle from '@material-hu/components/design-system/Title';

import { useLokaliseTranslation } from 'src/utils/i18n';

import ConfigurationCertificate from './ConfigurationCertificate';
import ConfigurationDeadline from './ConfigurationDeadline';

const ConfigurationRequirements = () => {
  const { t } = useLokaliseTranslation(['learning']);

  return (
    <HuCardContainer
      fullWidth
      sx={{
        '& .MuiCardContent-root': {
          display: 'flex',
          flexDirection: 'column',
          gap: 2,
        },
      }}
    >
      <HuTitle
        title={t('common.colaborators.requirements')}
        variant="M"
      />
      <ConfigurationDeadline />
      <ConfigurationCertificate />
    </HuCardContainer>
  );
};

export default ConfigurationRequirements;
