content: import React from 'react'
  
  export default class Carousel extends React.Component {
  
  	constructor(props){
  		super(props)
  		this.images = this.props.imgs || []
  	}
  
  	render(){
  		let imges = this.images.map((data, index)=>{
  			if (index == 0) {
  				return  <div className="item active" key={index}>
                        	<img className="first-slide" src={data} alt="First slide" key={index} />
              		</div>
  			}
  			return  <div className="item" key={index}>
                        <img className="second-slide" src={data} alt="Second slide" key={index}/>
                </div>
  		})
  		return  <div id="myCarousel" className="carousel slide" data-ride="carousel">
                    <div className="carousel-inner" role="listbox">
                      {imges}
                    </div>
                    <a className="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                      <span className="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                      <span className="sr-only">Previous</span>
                    </a>
                    <a className="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                      <span className="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                      <span className="sr-only">Next</span>
                    </a>
                  </div>
  	}
  
  }
  