fluid-react/src/grid/Row.js

Grid system for React

import React, { Component } from 'react';

import { JS, Device } from 'fsts';

import GridStyle from './GridStyle';
import GridCss from './GridCss';

export default class Row extends Component {
    render() {
        const { style } = this.props;
        const styl = Object.assign(
            {},
            GridStyle.row,
            style
        );
        const p = JS.lessProps(this.props, 'style');

        if (Device.hasWindow()) {
            return (
                <div className="fluid-react-row" style={styl} {...p}>
                    {this.props.children}
                </div>
            )
        }

        return (
            <div className="fluid-react-row" style={styl} {...p}>
                <GridCss />
                {this.props.children}
            </div>
        )
    }
}