Worker Group COntent

import { styled, Typography } from '@mui/material';
import React from 'react';
import { useTranslation } from 'react-i18next';

const Container = styled('div')`
  height: calc(100% - 48px);
  width: 100%;
`;
const ContainerContent = styled('div')`
  height: 100%;
  width: 100%;
  overflow-y: auto;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
`;

const ContentTitle = styled(Typography)`
  color: white;
`;

const WorkerGroupContent = () => {
  const { t } = useTranslation('project-setting');
  return (
    <Container>
      <ContentTitle>
        {t('page.worker-management.dialog.create-worker.worker-group.title')}
      </ContentTitle>
      <ContainerContent>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
        <p>test</p>
      </ContainerContent>
    </Container>
  );
};

export default WorkerGroupContent;