import * as React from 'react';
import RobotLabel from './RobotLabel';
import TimeFrame from './TimeFrame';

export interface HeatMapItemProps {
    //TODO: 
}
 
export interface HeatMapItemState {
    //TODO:
}
 
class HeatMapItem extends React.Component<HeatMapItemProps, HeatMapItemState> {
    
    render() { 
        return ( 
            <div className="topMid">
                <div className="topMidMid">
                    <div className="hmTimeFrameDiv">
                        <TimeFrame 
                            label="TimeFrame"
                            selection={["1","3","6"]}
                        />
                    </div>  
                    <div className="labelContainer">            
                        <RobotLabel
                            numRobot={100}
                            numML={40}
                        /> 
                    </div>
                </div>          
            </div>
        );
    }
}
 
export default HeatMapItem;