@groceristar/pdf-export/src/components/styles.js

module to use pdf-export feature between projects

import { StyleSheet } from '@react-pdf/renderer'
// @TODO styles for what?
const styles = StyleSheet.create({
  page: {
    flexDirection: 'row',
    backgroundColor: '#E4E4E4'
  },
  container: {
    flex: 1,
    flexDirection: 'row',
    '@media max-width: 400': {
      flexDirection: 'column'
    }
  },
  section: {
    margin: 10,
    padding: 10,
    flexGrow: 1
  },
  text: {
    'font-size': '18px'
  },
  block: {
    backgroundColor: 'red'
  },
  block1: {
    backgroundColor: 'green',
    border: '1 solid purple'
  }

})

export default styles