Box

import { Box } from 'sxa-ui'
function Demo() {

  return (
    <Box style={{background: '#fff'}}>
      Child
    </Box>
  )
}

export default Demo

import { Box, spacing } from 'sxa-ui'
function Demo() {

  return (
    <Box
        style={{ background: '#fff' }}
        paddingLeft={spacing.m}
        paddingRight={spacing.s}
        paddingTop={spacing.xxs}
        paddingBottom={spacing.l}
    >
      <div style={{
        background: '#f1f1f1',
      }}>
        Child
      </div>
    </Box>
  )
}

export default Demo