import React from 'react' import Head from 'next/head' import { THEMES, THEMES_HASH } from '../lib/constants' import Reset from './style/Reset' import Font from './style/Font' import Typography from './style/Typography' const LOCAL_STYLESHEETS = ['one-light', 'one-dark', 'verminal', 'night-owl', 'nord'] const CDN_STYLESHEETS = THEMES.filter(t => LOCAL_STYLESHEETS.indexOf(t.id) < 0) export const StylesheetLink = ({ theme }) => { let href if (LOCAL_STYLESHEETS.indexOf(theme) > -1) { href = `/static/themes/${theme}.css` } else { const themeDef = THEMES_HASH[theme] href = `//cdnjs.cloudflare.com/ajax/libs/codemirror/5.42.2/theme/${themeDef && (themeDef.link || themeDef.id)}.min.css` } return ( ) } export const CodeMirrorLink = () => ( ) export const MetaTags = () => ( Carbon ) /* * Before supporting verify that it is widely supported in FireFox * with out a flag here: https://caniuse.com/#feat=link-rel-preload */ export const MetaLinks = () => { const onBrowser = typeof window !== 'undefined' return ( {LOCAL_STYLESHEETS.map(id => ( ))} {onBrowser ? CDN_STYLESHEETS.map(theme => ) : null} ) } export const Styles = () => ( ) export default function Meta() { return ( ) }