import React from "react";
import { connect } from "react-redux";
import ClickedDiv from "../ClickedDiv";

import { toggleMainWindowShadeMode } from "../../actionCreators";

const Shade = props => (
  <ClickedDiv
    id="shade"
    onMouseDown={props.handleClick}
    onDoubleClick={e => e.stopPropagation()}
    title="Toggle Windowshade Mode"
  />
);

const mapDispatchToProps = {
  handleClick: toggleMainWindowShadeMode
};

export default connect(
  () => ({}),
  mapDispatchToProps
)(Shade);