rofrischmann/fela

/* eslint-disable react/prop-types */
import React from 'react'
import { createRenderer } from 'fela'
import { RendererProvider } from 'react-fela'
import plugins from 'fela-preset-web'
import enforceLonghands from 'fela-enforce-longhands'

import View from './View'

const [extend, embedded, unit, fallback, prefixer] = plugins

const renderer = createRenderer({
  plugins: [unit, fallback, prefixer],
  enhancers: [enforceLonghands()],
})

export default function Provider({ children }) {
  return (
    <RendererProvider renderer={renderer}>
      <View>{children}</View>
    </RendererProvider>
  )
}