injectGlobals(injectStyleOnce, globalStyles)

import {injectGlobals} from 'hepha';
import {injectStyleOnce} from 'aphrodite/lib/inject';
import {themeColors} from './myThemeColors';
const globalStyles = {
  html: {
    fontFamily: [
      {
        "fontFamily": "FontFoo",
        "fontWeight": 400,
        "fontStyle": "normal",
        "src": "url('data:application/octet-stream;base64,d09...') format('woff2')"
      },
      {
        "fontFamily": "FontFoo",
        "fontWeight": 400,
        "fontStyle": "italic",
        "src": "url('/static/fonts/foo.woff2') format('woff2')"
      }
    ]
  },
  '*': {
   boxSizing: 'border-box' 
  },
  'body #a0-namespace.a0-theme-default .a0-panel button.a0-primary': {
    backgroundColor: `${themeColors.warm} !important`
  }
};
 
const statelessComponent = (props) => {
  // it MUST go inside your component, just like `css()` 
  injectGlobals(injectStyleOnce, globalStyles);
  return <div>Foo</div>
}