import React, { Component } from 'react';
import {VLLevel} from 'components';

export default class VLLevelsList extends Component {
	constructor(props) {
		super(props);
	}
	render() {
		var renderVLLevelsCards = [], vlLevelsList = this.props.vlLevels || [];
		if (vlLevelsList !== undefined || vlLevelsList !== null) {
			renderVLLevelsCards = vlLevelsList.map(function (vlLevel, index) {
				return (
					<VLLevel 
						key={index}
						vlLevel={vlLevel} />
				)
			},this)
		}
		return (
			<div>
				{renderVLLevelsCards}
			</div>
		);
	}
}
