import Alert from '@mui/material/Alert';
import AlertTitle from '@mui/material/AlertTitle';
import Stack from '@mui/material/Stack';
import { arr } from './arr'

const NotDoneList = ({ name }: { name: string },i:number) => {
return (
  <Stack sx={{ width: '100%' }} spacing={2}>
    {arr.map(() => 
      <Alert key={i} severity="warning">
        <AlertTitle>Warning</AlertTitle>
        The component has not done yet {name}!
      </Alert>)}
    </Stack>
  );
}

export default NotDoneList