import * as React from 'react';
import { Renderer } from './types';

// Provides a minimal functionality to render components without styles and without runtime errors.

const NoopProvider: React.FC = props => React.createElement(React.Fragment, null, props.children);

export const noopRenderer: Renderer = {
  renderFont: () => {},
  renderGlobal: () => {},
  renderRule: () => '',

  Provider: NoopProvider,
};