patternplate-client/source/application/components/pattern/pattern-loader.js

Universal javascript client application for patternplate

import React, {PropTypes as types} from 'react';
import classnames from 'classnames';
import pure from 'pure-render-decorator';

import PatternLoaderIcon from './pattern-loader-icon';

@pure
class PatternLoader extends React.Component {
	displayName = 'PatternLoader';

	static defaultProps = {
		error: false
	};

	static propTypes = {
		base: types.string.isRequired,
		error: types.bool.isRequired,
		inverted: types.bool,
		hidden: types.bool
	};

	render() {
		const className = classnames('pattern-loader', {
			'pattern-error': this.props.error,
			'pattern-loader--hidden': this.props.hidden
		});

		return (
			<div className={className}>
				<PatternLoaderIcon
					base={this.props.base}
					width={200}
					height={200}
					inverted={this.props.inverted}
					/>
			</div>
		);
	}
}

export default PatternLoader;