import Head from 'next/head' import { THEMES } from '../lib/constants' import Reset from './style/Reset' import Font from './style/Font' import Typography from './style/Typography' const LOCAL_STYLESHEETS = ['one-dark', 'verminal', 'night-owl', 'nord'] const CDN_STYLESHEETS = THEMES.filter( t => t.hasStylesheet !== false && LOCAL_STYLESHEETS.indexOf(t.id) < 0 ) /* * Before supporting verify that it is widely supported in FireFox * with out a flag here: https://caniuse.com/#feat=link-rel-preload */ export default function Meta() { const onBrowser = typeof window !== 'undefined' return (
Carbon {LOCAL_STYLESHEETS.map(id => ( ))} {onBrowser ? CDN_STYLESHEETS.map(theme => ( )) : null}
) }