text: import * as React from 'react';
  import Box from '@material-ui/core/Box';
  
  export default function Values() {
    return (
      <Box sx={{ width: '100%' }}>
        <Box sx={{ width: 1 / 4, bgcolor: 'grey.300', p: 1, my: 0.5 }}>
          Width 1/4
        </Box>
        <Box sx={{ width: 300, bgcolor: 'grey.300', p: 1, my: 0.5 }}>
          Width 300
        </Box>
        <Box sx={{ width: '75%', bgcolor: 'grey.300', p: 1, my: 0.5 }}>
          Width 75%
        </Box>
        <Box sx={{ width: 1, bgcolor: 'grey.300', p: 1, my: 0.5 }}>Width 1</Box>
      </Box>
    );
  }
  