text: import React from 'react';
  import Chip from '@mui/material/Chip';
  import Stack from '@mui/material/Stack';
  import DesktopMacIcon from '@mui/icons-material/DesktopMac';
  import { Typography } from '@mui/material';
  const ListOfBar = () => {
    const handleClick = () => {
      console.info('You clicked the Chip.');
    };
    return (
      <>
        <div>
          <Typography sx={{ fontWeight: 'bold' }}>
            <DesktopMacIcon /> Website Redesign
          </Typography>
          <Stack direction='column' spacing={2}>
            <Chip label='Daily Triage of redesign feedback' onClick={handleClick} />
            <Chip label='Lunch new home page' onClick={handleClick} />
          </Stack>
        </div>
        <div>
          <Typography sx={{ fontWeight: 'bold' }}>Blog And article Creation</Typography>
          <Stack direction='column' spacing={2}>
            <Chip label='Review announcement blog' onClick={handleClick} />
          </Stack>
        </div>
      </>
    );
  };
  
  export default ListOfBar;
  