content: import React, { Component } from 'react';
  
  class HourStripe extends Component {
    render() {
  
      let hourHeight = this.props.dimensions.height/14.0;
  
      return (
        <div className='hours'>
          <div className='hour' style={{height: hourHeight}} >8.00</div>
          <div className='hour' style={{height: hourHeight}} >9.00</div>
          <div className='hour' style={{height: hourHeight}} >10.00</div>
          <div className='hour' style={{height: hourHeight}} >11.00</div>
          <div className='hour' style={{height: hourHeight}} >12.00</div>
          <div className='hour' style={{height: hourHeight}} >13.00</div>
          <div className='hour' style={{height: hourHeight}} >14.00</div>
          <div className='hour' style={{height: hourHeight}} >15.00</div>
          <div className='hour' style={{height: hourHeight}} >16.00</div>
          <div className='hour' style={{height: hourHeight}} >17.00</div>
          <div className='hour' style={{height: hourHeight}} >18.00</div>
          <div className='hour' style={{height: hourHeight}} >19.00</div>
          <div className='hour' style={{height: hourHeight}} >20.00</div>
          <div className='hour' style={{height: hourHeight}} >21.00</div>
        </div>
      );
    }
  }
  
  
  export default HourStripe;
  