primer-react/examples/doc-components/Styles.js

Primer react components

import React from 'react'
import PropTypes from 'prop-types'
import {theme} from '../../src'

/* eslint-disable-next-line react/no-danger */
const Styles = ({css}) => <style dangerouslySetInnerHTML={{__html: css}} />

const fonts = theme.fonts.map(name => (name.indexOf(' ') > -1 ? `"${name}"` : name)).join(', ')

Styles.defaultProps = {
  css: `
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: ${fonts};
      line-height: ${theme.lineHeight};
    }
  `
}

Styles.propTypes = {
  css: PropTypes.string
}

export default Styles