import React from 'react';

export default class ColXS extends React.Component {
    static defaultProps = {
        cssClass: ''
    }
    render() {
        const { cssClass,  size } = this.props;
        return (
            <div className={'col-xs-' + size + ' ' + cssClass}>
                    {this.props.children}
            </div>
        )
    }
};



export class ColMD extends React.Component {
    static defaultProps = {
        cssClass: ''
    }
    render() {
        const { cssClass, size } = this.props;
        return (
            <div className={'col-md-' + size + ' ' + cssClass}>
                {this.props.children}
            </div>
        )
    }
};



export class ColSM extends React.Component {
    static defaultProps = {
        cssClass: ''
    }
    render() {
        const { cssClass, size } = this.props;
        return (
            <div className={'col-sm-' + size + ' ' + cssClass}>
                {this.props.children}
            </div>
        )
    }
};