content: import React from 'react'
  import '../css/rectangle.less'
  
  class Rectangle extends React.Component {
      constructor(props) {
          super(props);
      }
  
      render() {
          let {item, offsetX, onLabelClick} = this.props;
          let className = item.active ? "active-rectangle" : "normal-rectangle";
          let stepLeft = item.Index * 250 + offsetX;
          //  let contentLeft = item.Index * 450;
  
          return (
              <div className={"rectangle " + className} style={{left: stepLeft}}
                   onClick={() => onLabelClick && onLabelClick(item.Index)}>
                  {item.DateString}
                  {/*<div className={"rectangle-content "}>*/}
                  {/*<img src=""/>*/}
                  {/*</div>*/}
              </div>
          );
      }
  }
  
  export default Rectangle