define (
	[
		'react',
		'./time-label',
		'./timeline-item/timeline-item'
	],
	function (React, TimeLabel, TimelineItem) {
		var Timeline = React.createClass({
			render: function(){
				var timelineInfo = [];

				if(this.props.children){
					timelineInfo = this.props.children;
				}else{
					this.props.timelineInfo.map(function(timelineElement, iterator){

						if(timelineElement.endDate){
							timelineInfo.push(<TimeLabel key={"label1"+iterator} theme="bg-red" content={timelineElement.endDate} />);
						}
						
						timelineElement.items.map(function(item, i){
							timelineInfo.push(
								<TimelineItem 
									key={"item"+iterator+i}
									icon={item.icon} 
									iconTheme={item.iconTheme}
									time= {item.time}
									header={item.header}
									body={item.body}
								    footer={item.footer} >
								</TimelineItem>
							)
						});
						
						if(timelineElement.startDate){
							timelineInfo.push(<TimeLabel key={"label2"+iterator} theme="bg-green" content={timelineElement.startDate} />)
						}	
					});
				}
				
				return (
					<div className="col-md-12">
						<ul className="timeline">
						    {/* timeline time label */}
						    {timelineInfo}
						    <li>
						        <i className="fa fa-clock-o bg-gray"></i>
						    </li>
						</ul>
					</div>

				)
			}
		});

		return Timeline;
	}
)
define (
	[
		'react',
		'./time-label',
		'./timeline-item/timeline-item'
	],
	function (React, TimeLabel, TimelineItem) {
		var Timeline = React.createClass({
			render: function(){
				var timelineInfo = [];

				if(this.props.children){
					timelineInfo = this.props.children;
				}else{
					this.props.timelineInfo.map(function(timelineElement, iterator){

						if(timelineElement.endDate){
							timelineInfo.push(<TimeLabel key={"label1"+iterator} theme="bg-red" content={timelineElement.endDate} />);
						}
						
						timelineElement.items.map(function(item, i){
							timelineInfo.push(
								<TimelineItem 
									key={"item"+iterator+'.'+i}
									icon={item.icon} 
									iconTheme={item.iconTheme}
									time= {item.time}
									header={item.header}
									body={item.body}
								    footer={item.footer} >
								</TimelineItem>
							)
						});
						
						if(timelineElement.startDate){
							timelineInfo.push(<TimeLabel key={"label2"+iterator} theme="bg-green" content={timelineElement.startDate} />)
						}	
					});
				}
				
				return (
					<div className="col-md-12">
						<ul className="timeline">
						    {/* timeline time label */}
						    {timelineInfo}
						    <li>
						        <i className="fa fa-clock-o bg-gray"></i>
						    </li>
						</ul>
					</div>

				)
			}
		});

		return Timeline;
	}
)
Fix ambiguous key name.