react-jam-ui/components/Loader/index.js

React JAM UI components

import React from 'react';
import classNames from 'classnames';
import './styles.styl'

export default class Loader extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
        }
    }

    render() {
        let classes = classNames('loader', {[`loader-${this.props.type}`]: this.props.type}, this.props.size, this.props.className);
        
        switch(this.props.type) {
            case 'cube-grid': 
                return (
                    <div className={ classes }>
                        <div className='sk-cube sk-cube1'></div>
                        <div className='sk-cube sk-cube2'></div>
                        <div className='sk-cube sk-cube3'></div>
                        <div className='sk-cube sk-cube4'></div>
                        <div className='sk-cube sk-cube5'></div>
                        <div className='sk-cube sk-cube6'></div>
                        <div className='sk-cube sk-cube7'></div>
                        <div className='sk-cube sk-cube8'></div>
                        <div className='sk-cube sk-cube9'></div>
                    </div>
                )
                break;
            default:
                return (
                    <div className={ classes }>
                        <div className='sk-cube sk-cube1'></div>
                        <div className='sk-cube sk-cube2'></div>
                        <div className='sk-cube sk-cube3'></div>
                        <div className='sk-cube sk-cube4'></div>
                        <div className='sk-cube sk-cube5'></div>
                        <div className='sk-cube sk-cube6'></div>
                        <div className='sk-cube sk-cube7'></div>
                        <div className='sk-cube sk-cube8'></div>
                        <div className='sk-cube sk-cube9'></div>
                    </div>
                )
                break;
        }
    }
}