import Paper from '@material-hu/mui/Paper';
import Skeleton from '@material-hu/mui/Skeleton';
import Stack from '@material-hu/mui/Stack';

const FavorabilityIndexSkeleton = () => {
  return (
    <Paper
      sx={{ height: '112px', gap: 1, p: 2 }}
      component={Stack}
    >
      <Skeleton
        variant="text"
        width={200}
        height={18}
      />
      <Skeleton
        variant="text"
        width="100%"
        height={14}
      />
      <Skeleton
        variant="text"
        width={350}
        height={16}
      />
    </Paper>
  );
};

export default FavorabilityIndexSkeleton;
