1  import { Trans } from '@lingui/macro';
 2  import { Box, Button, Skeleton } from '@mui/material';
 3  
 4  import { ListColumn } from '../../components/lists/ListColumn';
 5  import { ListItem } from '../../components/lists/ListItem';
 6  
 7  export const FaucetItemLoader = () => {
 8    return (
 9      <ListItem px={6} minHeight={76}>
10        <ListColumn isRow maxWidth={280}>
11          <Skeleton variant="circular" width={32} height={32} />
12          <Box sx={{ pl: 3.5, overflow: 'hidden' }}>
13            <Skeleton width={75} height={24} />
14          </Box>
15        </ListColumn>
16  
17        <ListColumn>
18          <Skeleton width={70} height={24} />
19        </ListColumn>
20  
21        <ListColumn maxWidth={280} align="right">
22          <Button variant="contained">
23            <Trans>Faucet</Trans>
24          </Button>
25        </ListColumn>
26      </ListItem>
27    );
28  };