mdx-deck/docs/Layout.js

import React from 'react'
import Box from 'superbox'

export default ({ children }) =>
  <Box
    p={4}
    bg='link'
    css={{
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      width: '100vw',
      height: '100vh',
      '& a': {
        fontWeight: 'bold',
        color: 'inherit'
      }
    }}>
    {children}
  </Box>