render (h, { data, ...rest }) {
    return h(CBox, {
      ...rest,
      attrs: {
        pos: 'fixed',
        bg: 'rgba( 0, 0, 0, 0.4)',
        left: '0',
        top: '0',
        w: '100vw',
        h: '100vh',
        zIndex: 'overlay',
        ...data.attrs,
        'data-chakra-component': 'CModalOverlay'
      }
    })
  }
CModalOverlay component

The background overlay for the `CModal` component

@extends CBox
@see Docs https://vue.chakra-ui.com/modal