1  import { Box } from '@mui/material';
 2  import { ReactNode } from 'react';
 3  
 4  import { IsolatedEnabledBadge } from '../../../components/isolationMode/IsolatedBadge';
 5  
 6  interface ListItemIsolationBadgeProps {
 7    children: ReactNode;
 8  }
 9  
10  export const ListItemIsolationBadge = ({ children }: ListItemIsolationBadgeProps) => {
11    return (
12      <Box
13        sx={{
14          display: 'flex',
15          alignItems: { xs: 'flex-end', xsm: 'center' },
16          justifyContent: 'center',
17          flexDirection: 'column',
18        }}
19      >
20        {children}
21        <IsolatedEnabledBadge />
22      </Box>
23    );
24  };