react-grid-system/src/utilities/ScreenClassRender/index.js

A powerful Bootstrap-like responsive grid system for React.

import React from 'react';
import PropTypes from 'prop-types';
import ScreenClassResolver from '../../context/ScreenClassResolver';

const ScreenClassRender = ({ render }) => (
  <ScreenClassResolver>
    {(screenClass) => render(screenClass)}
  </ScreenClassResolver>
);

ScreenClassRender.propTypes = {
  /**
   * The function which return value will be rendered.
   * Will be called with one argument: the screen class.
   */
  render: PropTypes.func.isRequired,
};

export default ScreenClassRender;