All files / src/components live-preview-wrapper.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import {BaseStyles, Box} from '@primer/components'
import Frame from './frame'
import React from 'react'
 
// Users can shadow this file to wrap live previews.
// This is useful for applying global styles.
function LivePreviewWrapper({children}) {
  return (
    <Frame>
      <BaseStyles>
        <Box p={3}>{children}</Box>
      </BaseStyles>
    </Frame>
  )
}
 
export default LivePreviewWrapper