import React from 'react';

/**
 * Display an animated wait icon in the middle of the page
 */
export default class WaitIcon extends React.Component {

    render() {
        if (this.props.type === 'page') {
            return React.createElement(
                'div',
                { className: 'cssload-loading center' },
                React.createElement('i', null),
                React.createElement('i', null),
                React.createElement('i', null)
            );
        }

        const className = 'fa fa-circle-o-notch fa-spin';
        if (this.props.type === 'card') {
            return React.createElement(
                'div',
                { className: 'wait-card' },
                React.createElement('i', { className: className + ' wait-icon-card' })
            );
        }

        return React.createElement('i', { className: className + ' wait-icon-field' });
    }
}

WaitIcon.propTypes = {
    type: React.PropTypes.oneOf(['page', 'field', 'card'])
};

WaitIcon.defaultProps = {
    type: 'page'
};